Thursday, March 14, 2013

Cara Menambahkan Icon di samping Labels Blog

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

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.