Membuat Link Berkedip Bintang Saat Disorot Cursor

Kali ini saya akan berbagi tentang salah satu cara untuk mempercantik blog, yaitu Membuat Link Ber-effect Pelangi saat di sentuh cursor. Cara lainnya sobat dapat membaca Cara memberi Effect cursor bertaburan bintang.

Berikut Cara Membuat Link Ber-effect Pelangi :

1. Login ke Blogger, Klik Design/Rancangan > Edit HTML.

2. Beri tanda centang pada Expand Template Widget.    

3. Cari kode :

a:hover {
color:#FFFFFF;
text-shadow: 0 0 10px #2E2EFE;
font-family:'Waltograph UI';
}

    Fokus ke kode yang berwarna merah saja..

4. Jika sudah ketemu, tambahkan Kode Beriku ini.

background-image: url(http://i1191.photobucket.com/albums/z474/alkaztar5/Blink%20Stars/Blink_stars_01.gif);}

SEHINGGA MENJADI SEPERTI INI..!

a:hover {
color:#FFFFFF;
text-shadow: 0 0 10px #2E2EFE;
font-family:'Waltograph UI';
background-image: url(http://i1191.photobucket.com/albums/z474/alkaztar5/Blink%20Stars/Blink_stars_01.gif );}

5. Terakhir klik SIMPAN / SAVE TEMPLATE.

NB : Jika ingin mengganti effect Pelangi dengan sesuka anda, tinggal ganti tulisan yang berwarna biru diatas.

Posted in: Tutorial