Perhatian!

Tampilan Terbaik Blog, Gunakan Browser Google Chrome atau Mozilla Firefox

Cara Memberi Efek Glow Pada Link Blog



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 .

Artikel Terkait

0   komentar

Poskan Komentar

Cancel Reply
Demo