MENGATUR STYLE BULLET LIST

Bullet biasa digunakan untuk menjelaskan informasi yang berbutir. Biasanya bullet ini berbentuk bulat. Namun, anda bisa mengubahnya menjadi gambar seperti gambar dibawah.

Pertama-tama, bikin dulu gambarnya. Tak perlu besar-besar karena gambarnya adalah gambar untuk daftar berbutir (bullet). Sekitar 20 piksel x 20 piksel saja cukup. Kalau sudah, upload gambar tersebut ke image hosting. Lalu, kita mulai tutorialnya.

Ayo kita mulai.

1. Kita login ke Blogger terlebih dahulu. Lalu, klik menu Tata Letak > Edit HTML.

2. Backup dulu template anda.

3. Cari kode:

]]></b:skin>

4. Diatasnya, ketikkan kode berikut.

/* Unordered list style */
.post ul{
list-style-type:none;
margin:10px 5px 10px 0px;
}
.post ul li{
background: url(URLGAMBARANDA)no-repeat;
padding:0px 0px 5px 25px;
}

Ganti tulisan URLGAMBARANDA dengan URL alamat gambar anda. Lalu, anda juga bisa mengatur paddingnya. Cukup ganti yang berwarna merah dengan jarak sela (padding) yang diinginkan supaya gambarnya klop dengan teksnya. Yang lainnya tidak perlu diganti.
5. Lalu klik tombol Simpan Template.

Akhir kata, semoga tutorial ini bermanfaat.

Selengkapnya di www.MasDoyok.co.cc Mengatur Style Bullet Unorderer List (UL)

http://www.masdoyok.co.cc/2010/02/mengatur-style-bullet-unorderer-list-ul.html