Cara Meletakkan Cute Icon Pada Link List

Mesti ramai yang tertanya2 macam mana saya letak icon yang cute kat tepi Link list saya kan? ada yang nak buat tak? kalau nak... jom follow tutorial ni...

1. Login ke Blogspot

2 . Klik Layout > Edit HTML
Klik Download Full Template (Untuk Back-up template) ini penting!

3. Tekan CTRL+F untuk memudahkan anda mencari kod . Cari kod dibawah ini...

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

*kalau jumpa kod yang lebih kurang pun tak pe...tapi pastikan anda mencari dengan teliti untuk medapatkan hasil yang efektif.

4. Kemudian, gantikan kod diatas dengan kod dibawah ini...

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar ul li {
background:url(URL Gambar yang anda suka) no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:2px;
text-indent:7px;
line-height:1.3em;
}

*bahagian yang saya highlightkan dengan warna pink...anda boleh letakkan icon yang anda suka...
anda boleh reka sendiri dan upload di photobucket ataupun mengambilnya di Glitter-Graphic..
dan jika anda tidak tahu cara mengambil Url gambar di Glitter-Graphic , anda boleh rujuk disini.

** Pastikan anda un-tick bahagian icon seperti dalam gambarajah diatas ya... supaya icon yang dipilih tidak bertindih dengan icon Blogger.


Kredit Kepada: Mommy Pinky

Whitey Note: Selamat Mencuba... Jangan lupa tinggalkan komen selepas anda mengambil tutorial ini ya...=)