Icon Pada Label Dan Link Sidebar

SHADOWS ||  Nah sekarang saya akan memberikan tips dan trik Bagaimana Icon Pada Label Dan Link Di Sidebar, mungkin sobat newbie akan bertanya apa itu link dan label di sidebar? Label adalah hasil dari postingan para sobat yang diberikan titel atau label agar memudahkan untuk pencarian di search engine dan tentunya untuk para pembaca blog sobat juga, Link sidebar adalah link yang otomatis berada di sidebar misalkan sobat memakai popular post tanpa gambar atau thumbnail nah itulah sedikit penjelasan dari saya semoga di mengerti untuk sobat newbie. Nah marilah kita simak selanjutnya, Icon ini bisa bermacam-macam. Pertama sekali anda harus sudah menyimpan icon pada image hosting anda. Misalnya di tiniypic.com,photobucket.com atau tempat tempat hosting gambar lainnya. Contohnya icon panah hijau punya saya dengan alamat penyimpanan seperti ini:

http://i35.tinypic.com/2n03mgz.jpg

Nah icon tersebut bisa sobat ganti dengan icon milik sobat tentunya yang tersimpan hosting, untuk selanjutnya sobat cari kode seperti ini .sidebar li di edit HTML,

.sidebar li {

border-bottom:1px dotted #cccccc;

margin:0;

padding:0 0 .25em 17px;

line-height:1.2em;

}

Mungkin ada perbedaan pada template, fokus saja kode .sidebar li { yang merupakan kode pada daftar link di sidebar. Kemudian tambahkan alamat icon sobat di bawahnya. Misalnya dengan alamat icon punya saya tadi. Sehingga hasilnya seperti ini :

.sidebar li {

background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .20em;

border-bottom:1px dotted #cccccc;

margin:0;

padding:0 0 .25em 17px;

line-height:1.2em;

}

Lalu klik tombol Simpan Template dan lihat hasilnya. Jika tidak ada masalah, hasilnya akan seperti gambar di bawah ini :

Di sebelah kiri daftar link dan label akan ada icon panah kecil. Oke selamat menambahkan Cara Bagaimana Icon Pada Label Dan Link Sidebar agar ada icon tertentu, nah semoga berhasil sobat membuatnya.. happy blogging