Ticker

6/recent/ticker-posts

Tambah Icon Pada Sebelah Link Sidebar

Kita akan Tambah Icon Pada Sebelah Link Sidebar. Yang dimaksud dengan icon link list adalah icon kecil yang tempatkan pada sidebar blog kita. Icon ini boleh 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


Nanti boleh anda ganti dengan icon milik anda. Seperti biasa loggin ke blogger .

Cari kode berikut:
.sidebar li {
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}
Mungkin ada perbezaan pada template, fokus saja kode .sidebar li { yang merupakan kode pada daftar link di sidebar. Kemudian tambahkan alamat icon anda 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 :

Semoga Berjaya :0

Catat Ulasan

0 Ulasan