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';
}
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 );}
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 birudiatas.
salami ide kreasi….
Selamat mencoba!!
^_^
0 komentar:
Posting Komentar