Tips Memberi Icon / Image Pada Sidebar Link Blogger

Sekarang berhubung sudah pasang tentang icon/image pada sidebar yang terletak disebelah kanan/kiri blogger post. Tujuannya sih cuman untuk mempercantik wae lah... Ini aja baru bisa pasang, utek-utek dari dulu belum nemu-nemu terus eksperimen akhirnya datang juga HeHeHe... Tapi ini contoh penerapan pada blogger saya, memang sih banyak contoh aplikasinya tapi ini sing paling cocok buat blogger standarku, duh sampai habis rokok 5 pak..... Hasilnya dapat dilihat pada sidebar disebelah kanan. Dah tanpa basa-basi lagi, sekarang aku mau mulai caranya.

Langkahnya :

1. Login blogger

2. Layout + Edit HTML + centang Expand Widget Templates

3. Cari kode ini :

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding: 0 0 .5em 25px;
text-indent: 0px;
line-height: 1.5em;
}

4. Jika sudah ketemu, sekarang tambahkan kode seperti ini :

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
background:url("http://alamat icon atau image anda") no-repeat 2px .25em;
margin: 0;
padding: 0 0 .5em 25px;
text-indent: 0px;
line-height: 1.5em;
}

5. Save template


Source : http://dhuwuh.blogspot.com/2008/11/tips-memberi-icon-image-pada-sidebar.html

Related Posts by Categories :