Senin, 27 September 2010

Membesarkan Link dan Membuat Berkilau Bintang

1. Login akun Blogger
2. Dasbor Pilih Rancangan atau Design 
3. ke Edit HTML
4. (centang Expand Template Widget-nya) 
5. Save Dulu deh mendingan templatenya
Cari kode yang ini
 
/* global link attributes */

Jika tidak ada cari ini:

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {

kemudian setelah a:hover {   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); }
Hasilnya seperi ini:


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

6. Pratinjau dulu biar aman

7. Jika berhasil, save

1 komentar:

dian mengatakan...

nice blog... tq ya artikelnya.. sgt bermanfaat bwt aku yg msh gaptek... :)