Wednesday, January 11, 2012

Membuat efek bintang pada link blog

Langsung saja, efek bintang ini merupakan efek bintang yang muncul saat kursor anda mendekat pada sebuah link di blog anda.

Bagaimana cara membuatnya juragan? Okay ikuti saja langkah - langkah berikut ini :

Login ke Dashboard -> Rancangan -> Edit HTML

Kemudian cari kode berikut ini  
/* Content ----------------------------------------------- */
setelah menemukan kode tersebut, telusuri kembali kode berikut ini di bawah kode tadi
a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
Pada beberapa template kadang berbeda jadi carilah pada sesen code /*content serangkaian code hover jika pada template anda berbeda.

kemudian tambahkan kode berikut ini di bawah kode tadi
background-image:url (http://url gambar stars.gif milik anda)
sehingga berbentuk seperti ini :
a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
  background-image:url (http://url gambar stars.gif milik anda)
Huruf yang berwarna merah dapat di modif sesuai selera anda gantilah dengan URL gambar yang anda kehendaki, untuk mempermudah gunakan link animasi berikut ini
background-image:url(http://lh4.ggpht.com/_lDwJRuTZfPg/TRi4NjENFVI/AAAAAAAAAoM/o24M73_tx5E/stars1.gif)
semoga bermanfaat. source (*/http://adf.ly/4frpO)

0 comments:

Post a Comment