News Update :

Membuat Efek Bintang pada Link Blog

Diposting oleh : Posted on Minggu, 16 Desember 2012 - 11:31 AM with No comments

Bulan lalu saya pernah menulis sebuah posting cara membuat link berwarna warni, 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
KODE CSS/JAVASCRIPT :
a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg92kT_4KkP4OnN4Bdw4w4prlopXg6STztL05kShvB3356jzBpBedcrXEUhTc58oPbfe5IJ4QHSZ5jhXIvRwPiZgXs7GSyRO140O38jM9c5PPv8Q8ejIAAcGfgZ1T8RJgzFVT0p1VaM_3g/s1600/stars.gif);}

Link akan mengeluarkan gambar seperti ini:
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!

Copyright: http://blogtrikdantips.blogspot.com
Share this Article on :
Membuat Efek Bintang pada Link Blog
Item Reviewed: Membuat Efek Bintang pada Link Blog 9 out of 10 based on 10 ratings. 9 user reviews.

0 komentar:

Posting Komentar

 

© Copyright 2-Bersaudara 2015 | Design by Herdiansyah Hamzah | Editing by 2-Bersaudara.