Menambahkan Icon pada Link List | Label

Sekarang kita akan mencoba menambahkan icon pada label dan link sidebar. Yang dimaksud dengan icon link list adalah icon kecil di samping daftar link yang biasa kita tempatkan pada sidebar blog kita. Icon ini bisa bermacam-macam. Pertama sekali sobat harus sudah menyimpan icon pada image hosting anda. Misalnya di tiniypic.com, photobucket.com atau tempat tempat hosting gambar lainnya.

Nanti bisa sobat ganti dengan icon milik sobat. Seperti biasa login ke blogger dengan id anda. Cari kode berikut:

.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 atau cari kode yang hampir mirip. Kemudian tambahkan alamat icon anda di bawahnya.hingga terlihat seperti contoh di bawah 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;

}

ganti tulisan yang berwarna biru dengan url icon sobat sendiri.

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

note : Selain icon dapat juga anda tambahkan garam,merica dan sedikit bawang merah...