Cara Membuat Link Berkedip Bintang Saat Disorot Cursor

Putra Kefa
Putra Kefa
Updated:

  Membuat Link Berkedip Bintang Saat Disorot Cursor 


– Sahabat bloggers kembali share nih!! Ya minggu ini ada sdikit waktu luang yang bias saya gunakan unutk posting di blogku . Menghias blog , salah satu kegiatanku kali ini , ya untuk membuat tampilan blog menjadi unik dan enak dilihat . Sobat sudah tau nggak ya, salah satu cara menghias blog dengan membuat link berkedip bintang saat disorot cursor adalah salah satu caranya . Tips ini saya dapat waktu lagi blogwalking di blog tetangga .

Pengen mencoba? Ikuti langkah-langkah dibawah ini :

1.      Login ke Blogger,

2.      Klik Design/Rancangan > Edit HTML.

3.      Beri tanda centang pada Expand Template Widget.    

4.      Cari kode berikut :


a:hover {
color:#FFFFFF;
text-shadow: 0 0 10px #2E2EFE;
font-family:'Waltograph UI';
}
    Cukup Anda cari  kode yang berwarna merah saja..

5.      Jika sudah ketemu, tambahkan Kode Beriku ini.

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

Jadi akan seperti dibawah 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 );}

6.      Selesai .Simpan template Anda .

.

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

tips dan trik blogger blogspot
Post a Comment