Cara Membuat Icon Pada Label Dan Link Sidebar
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 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 bisa anda ganti dengan icon milik anda. Seperti biasa loggin ke blogger dengan id anda. Cari kode berikut:
.sidebar li {
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
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 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;
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 icon pada label dan link sidebar, mudah-mudahan berhasil ya.
SUMBER:
http://www.to-src.com
0 Comments