Membuat Efek Membesar dan Berpijar pada Link

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

1. Login dahulu ke Akun blogger
2. Buka tata letak/Layout
3. Edit html
4. 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 keseluruhannya menjadi :

/* 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); }

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

Selamat Mencoba!

Related Posts : Efek, Serba Serbi, Tips dan Triks