Tweet |
Cara Memberi Bayangan Pada Link Blog, Efek Glow Pada Link Blog, Bisa Juga Kode Script Efek Glow Link Blog. Senang rasanya melihat link blog ada efek bayangan atau glow :). Efek Glow ini berfungsi jika saat kita mengarahkan mouse pointer ke link blog kita. Jika kamu mengarahkannya maka terlihat bayangan link tersebut. Jika kamu belum paham lihat gambar diatas :) . Baik tanpa basa-basi lagi langsung saya jelaskan. Simak langkah-langkah berikut ini !
- Tentunya kamu harus masuk ke akun blogger kamu dunk.
- Selanjutnya masuk ke Rancangan > Edit Html > Jangan lupa klik centang Expand Template Widget.
- Tekan CTRL + F pada keyboard dan cari kode a:link nanti akan muncul semiripnya seperti berikut!
a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#000; text-decoration:none}
- Kode yang saya beri warna biru silahkan ganti dengan kode text-decoration:none;text-shadow:0 0 10px blue Sehingga hasilnya seperti berikut ini!
a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#000; text-decoration:none;text-shadow:0 0 10px blue;}
- pada kode 10x bisa kamu ganti sesuai keinginan kamu semakin tinggi nilainya semakin besar efek cahaya yang muncul. Dan kode blue bisa kamu ganti dengan red, black, green, dsb sesuai dengan kebutuhan kamu :).
- Jika semuanya sudah jangan lupa klik SIMPAN TEMPLATE dan lihat hasilnya. Sekian tutorial saya kali ini semoga semuanya mengerti and jangan lupa komentar ya :D .
mau tanya nih... gimana tuh cara bikinnya tombol yg diatas "Download Font Keren Terbaru 2012 Gratis"
BalasHapusko bisa berubah warna secara perlahan pas mouse hover???
Cari google dengan keyword "membuat link hover".
Hapusterima kasih atas komentarnya gan :)
kalo buat efek bintang pada link yang ada di blog ini gimana? thanks
BalasHapusoke,, nanti saya share di blog ini :)
HapusTerima Kasih, berguna sekali.. :) kunjungi juga blog saya..
BalasHapushttp://mz-allishere.blogspot.com/