Anda pengunjung yang ke:

Traffic Counter

BANNER SAHABAT

Sabtu, 09 Juni 2012

Cara Menambah Gambar Icon Pada Sidebar | Tips Trick | Cara Membuat | blogger | Sariptrik

Filled under:

Cara 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  Cara Menambah Gambar Icon Pada Sidebar, Semoga sukses !

Ditulis Oleh : SyariĆ’™ ~ Tips dan Trik Blogspot

Syarip Hidayat Sobat sedang membaca artikel tentang Cara Menambah Gambar Icon Pada Sidebar | Tips Trick | Cara Membuat | blogger | Sariptrik. TuTorial Ku UnTuK Mu™ Memperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya



Baca Artikel Lainnya.!:

0 komentar:

Posting Komentar