Hi ketemu gue lagi dan lagi. hari ini gue bakal kasih tutorial Menambah Icon disamping Labels Blog
so check it out guys ^^
1) Login Ke Blogger Anda
2) Masuk Ke Rancangan > Edit Html
3) Back-Up Lah Terlebih Dahulu Template Anda Untuk Menghindari Kemungkinan Terburuk
4) Jika Sudah Mem-back Up, Centang Expand Widget Template
5) Lalu Carilah Kode]]></b:skin> (Gunakan Ctrl+F Atau F3 Untuk Memudahkan)
6) Jika Sudah Ketemu Paste Lah Code Di Bawah Ini Tepat Diatas Code ]]></b:skin>
/*Label
----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(sesuaikan icon yang anda inginkan) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #063E3F;
line-height: 1.2em;
}
7. Contoh beberapa url icon. kalian tinggal copy paste aja di text yang berwarna pink diatas
Kalau sudah. coba Preview kemudia Save. Selamat Mencoba :)
http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif
http://dl4.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif
http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif
http://dl2.glitter-graphics.net/pub/436/436032x06lk4lcqb.gif
http://dl9.glitter-graphics.net/pub/438/438969azkmwb42oa.gif
http://dl4.glitter-graphics.net/pub/1008/1008954qqr71dvokd.gif
No comments:
Post a Comment