Menambah Gambar Icon Pada Sidebar

Silakan anda perhatikan gambar Sidebar dibawah ini :

Yang dimaksud dengan icon sidebar pada gambar diatas, adalah lingkaran merah tanda panah. Jika anda terrtarik silakan ikuti langkah langkah berikut :

• Login ke blog anda Klik DISINI, silakan isi nama dan password anda
• Pilih ‘TATA LETAK’
• Klik "Pilih Edit HTML"
• Silakan anda download terlebih dahulu Template anda klik "Download Template Lengkap" sebelah kanan atas ( menjaga jika template anda kacau dan mengembalikan ke template semula)
• (gunakan Ctrl + F ) Anda cari kode ]]></b:skin>
•  Kemudian Copy kode dibawah ini, dan paste diatas kode ]]></b:skin>

#wrap-second ul {
list-style-type: none;
color:#333;
margin:0px;
padding:5px;
}
#wrap-second ul li {
list-style-type: none;
background:url(http://i41.tinypic.com/2agiyl2.jpg) no-repeat 0px 5px;
margin:0px 0px 5px;
padding:0px 0px 5px 15px;
}
#wrap-second ul li a:hover {
margin:0px 0px 5px;
padding:0px;
}

• Simpan Template

Catatan :

• Pada kode diatas silakan edit/ubah (warna PINK), sesuaikan dengan kode CSS sidebar anda !! dan
• yang berwarna hijau adalah alamat URL gambar. 
• Untuk Penulisan agar tampil gambar iconnya anda tambahkan Kode yang berwarna merah seperti dibawah ini :

<ul>

<li>001.
<a href="http://informasianyar.blogspot.com/2010/04/cara-mudah-buat-blog-blogspot.html">Cara Mudah Buat Blog, Blogspot</a></li>

<li>002.
<a href="http://informasianyar.blogspot.com/2010/04/cara-mudah-setting-blog-blogspot.html">Cara Mudah Setting Blog, Blogspot</a></li>

</ul>

• Selamat mencoba Semoga sukses !!!.

Berlangganan via RSS Feed

Ingin Artikel seperti ini ?,... masukan alamat email anda untuk berlangganan.

Artikel Anyar Yang Berhubungan :