Kali ini kita akan membuat link tersebut dengan efek bintang
berkedip. Efek ini akan muncul apabila link tersebut disorot oleh
cursor. Jika sobat ingin membuat blog lebih menarik dengan berbagai
macam animasi maka trik yang satu ini mungkin saja bermanfaat. Efek
bintang pada link udah saya terapkan di demo blog dan hasilnya sukses.
Berikut ini saya akan berikan langkahnya kepada sobat:
1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode a:link{ atau a:visited{
4. Lalu letakkan kode dibawah ini dibawah kode tadi
5. Simpan template anda lalu lihat hasilnya
Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!
1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode a:link{ atau a:visited{
4. Lalu letakkan kode dibawah ini dibawah kode tadi
a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMV0IHiyL1znQtA47MSnP7FaMI3X_9OwxL2BHaMza2_CB2uBHUGH3JEXQRWmgkYJF5U12X0XbPtuNLhpDqq1FOwII7mz7PYr-ipnDXow4FPj4Yiisy4SiLaaJlcqPHBSMxy_SAGFmnnRI/s1600/stars.gif);}Link akan mengeluarkan gambar seperti ini:
Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!
Tidak ada komentar:
Posting Komentar