Cara membuat Link Berkedip Bintang, Cursor Berubah jika mouse ada di Link, Link membesar jika mouse ada di link.
Dari pada Postingan sedih terus, kali ini mau berbagi mengenai Link berkedip bintang-bintang (tapi bukan bintang di langit). Sekalian Cursor berubah bentuk lain jika arah mouse ada di link. Juga Link membesar. Caranya begini...
Seperti biasa Log in Blog, terus masuk edit Html.
1. Untuk membuat Link berkedip Bintang.
Cari kode :
sama seperti di atas tinggal tambah kode dibawah ini :
Selamat mencoba dan bila berkenan minta komentarnya dong?
Seperti biasa Log in Blog, terus masuk edit Html.
1. Untuk membuat Link berkedip Bintang.
Cari kode :
/* global link attributes */Jika tidak ada cari saja di bawah body kode
a:hovertambahkan kode dibawah ini :
text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);2. Untuk Cursor berubah.
sama seperti di atas tinggal tambah kode dibawah ini :
cursor:url("http://i219.photobucket.com/albums/cc119/c4n_c1n/cursor/Element2.gif"), default;3. Untuk Link tambah membesar, sama langkahnya seperti di atas, tinggal tambah kode di bawah ini :
a:visited {color: $mainVisitedLinkColor; text-decoration: none; font-size:10px; cursor:default;}Untuk ukuran besar kecilnya link membesar jika kita arahkan mouse bisa rubah angka font-size.
Selamat mencoba dan bila berkenan minta komentarnya dong?
34 komentar:
Thank's Ya Say.....
Nice POST & LoVe U HoNeY
Wow Indah sekali Bu...Kaya Kembang Api
wow...keyen ......I love you full..hahahahahahahahaha
mantap tutorialnya kawan
Wah, info-nya mantabbb...
tapi koq di blog saya ga ada kode */global link attributes/* seperti itu ya...
jadi bingung mo ditaro dimana kode html-nya...... :)
Bagus juga nih...tapi koneksiq nih lemot banget....jadi kurangin dulu hal hal yang berbau tak sedap,eh maksudnya maximalis..pake blog yg minimalis ja..hehehe...Tapi sip nih infonya
hebat infonya sangat membantu mbekayu.. I love u..muach..hahahhah
gagal nich mbekayu tolong di perjelas copas nya di mna??thx
Terima kasih atas komentar dari semua sahabatku yang baik hati.
Untuk yang gagal,dicoba saja edit htmlnya...di ulang di bagian a:hover.
ini aku dapat bukan copas, tapi aku dapat dari sumber kode...vew source.
jadi mohon maaf, silahkan lihat kode blog saya dengan cara klik kanan dan klik sumber kode...
salam...
menarik ni, aku senang yang berbintang-bintang..hehe
cuma masalahnya blog aku masih berat ni..
terima kasih infonya, senang berkunjung kesini.
Muantap,... aku coba dulu, moga berhasil.
kayaknya saya berhasil deh,... cuman blog saya jadi agak lambat, solusinya gimana yah?
terima kasih.
mantab mbak infonya,tapi itu efek gak terhadap kecepatan loading blog?
kalo pengen wuz ilangin yang url(http://blabla...) karena url ini memuat gambar dari situs laen yg bikin tambah berat. tapi ya gambar cursornya gak berubah XD
Btw thanks bwt inul eh khusnul jd tambah ni pengetahuan css ku -catet-
Keren....ntar aq cobain.!
Yang namanya mempercantik blog pasti ada resikonya. yaitu load blog jadi berat. tapi blogger indonesia load/buka blog semua masih cepat, dibanding negara lain. jadi kesimpulannya jika menurut aku, semua perlu di coba "jika sudah bisa" puaslah kita, tinggal terserah kita...mau di teruskan, apa mau di tinggalkan (tinggal hapus)...
Mantaaaabbb...., trims infonya yaaa... saya save dulu masukkan arsip nanti langsung ke TKP
blog keren
wah keren nich kynya coba ah kali aja berhasil...
salam syawal...
Informasi yang karen. Terima kasih kerana sharing.
kok saya gak bisa ???
mohon bantuannya dong ... !!
terima kasih buat :
# mas harto
# mbahku cyber
# mas rizky
# kel alias pengumpul blogger
.... jangan bosan ya kasih komentar sama aku.
Kalo boleh saya ikutan bantu donk! bagi yang masih rewel blognya! begini caranya:
untuk link berkedip emang benar pakek a:hover dst. untuk cursor yang berubah: kita punya dua url gambar cursor di blog kita! 1 di body dan 1 nya di a:hover diatas. kemudian pasang code a:visited diatas! bila tidak bisa pada code a:visited sisakan code ini cursor:default. contohnya: a:visited {cursor:default;}
Ih...terima kasih nih share dari mas Nur Yaqin. Memang begini yang saya harapkan...ada nasehat,ada bantuan,ada kritikan dan ada-ada aja...
wah...tahx ya...dah berhasil, tp ada error td, gk bs2 d save, trs aq edit dg cara q hapus---> color: $mainVisitedLinkColor; dan penambahan {cursor:default;}setelah a:visited, akhirnya bisa deh...
wah...berarti mas blackmoon pandai dan sabar edit html...langsung aku ke TKP.
di coba tuch.....mksh ....
thanks nona tas infonya
alhamdulillah...udah dicoba dan berhasil..siill..tapi aq pake yang pertama aja, ya ke-2 dan ke-3 kalao ditambahin error teruus.
makasih adik yaaa..ilmunya sangat bermanfaat. sukses selalu.
Koq kursornya sekarang jadi inactiv?
gmn sih caranya link berkedip bintang...! aku cari kode nya ga ada
@ Kak setiawan, untuk url cursornya bisa diganti.
@ Lukman Hakim ; coba saja deh di utak - utik ... pasti bisa, jika gak bisa ya gak pa-pa he he.
thank you
Terima kasih atas infonya.
Ini hal yang baru saya tahu.
Jadi koleksi tips dan trik saya dalam berblogging ria!
Post a Comment