Efek Link disentuh membesar dan berpijar

Efek Link disentuh membesar dan berpijar

Satu Lagi Trik untuk mempercantik Blog, yaitu memperbesar dan ada efek berpijar pada Tulisan Link yang ditunjuk. Caranya :

* Login dahulu ke Akun blogger
* Buka tata letak/Layout

* Edit html
* Expand template widget
cari aja kode yang ini :


/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;} a:hover {color: $mainHoverLinkColor; text-decoration: underline;} a:visited {color: $mainVisitedLinkColor; text-decoration: underline;} a:hover {

kemudian tambahkan kode ini


color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }


sehingga menjadi seperti ini


/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

O....ya sebelum di simpan (simpan template) ada baiknya di pratinjau dulu siapa tau ada error... setelah semua beres baru deh di simpan dan lihat hasilnya.

Sumber: http://natureabg.blogspot.com/2012/12/efek-link-disentuh-membesar-dan-berpijar.html#ixzz2GhfEI8S5





Free responsive blogger templates
Random PostsLainnya...

    0 komentar: