Cara Mengganti Bullet List Pada Blog Dengan Tampilan Baru

Kalian yang bosan dengan tampilan bullet list pada blog, bisa saja menggantinya dengan yang lain agar lebih terlihat variatif. Apa bisa bullet list diganti? Tentu bisa, ikuti langkah-langkah yang akan saya berikan mengenai cara mengganti bullet list pada blog dengan tampilan baru.

Bullet list ini memiliki banyak kegunaan dalam membuat artikel blog, antara lain untuk menulis data-data tertentu agar lebih terlihat rapi dan mudah dibaca pengunjung. Nah, bullet list yang menggunakan tampilan yang menarik akan lebih memanjakan pengunjung dalam membaca artikel.

Baca Juga : Cara Membuat Contact Form Pada Blog Dengan Tampilan Yang Menarik

Cara Mengganti Bullet List Pada Blog

Langsung saja saya kasih langkah-langkahnya untuk mengganti bullet list standar pada blog :

1. Buka blog kalian dan masuk pada pengaturan Tema/Template > Pilih Edit HTML
2. Pada tampilan edit html cari kode ]]></b:skin> dengan cara ketik CTRL+F
3. Kemudian COPY kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>

[.post-body ul,.post-body ol{ margin: 1em; padding-left: 1em;} 
.post-footer ul{ margin: 1em; margin-top: -0.5em; padding-left: 1em;}
.post-body ul li,
.post-footer ul li { list-style-image: url(http://i1143.photobucket.com/albums/n629/gerduren/uncheck-1.gif); border-bottom:1px solid #ccc; padding: .2em 0 .2em .5em;}
.post-body ul li:hover,
.post-footer ul li:hover { cursor: pointer; list-style-image: url(http://i1143.photobucket.com/albums/n629/gerduren/check-1.gif); background-color: #ffffff; color: #000000;]

Setelah berhasil meletakkan kode di atas, untuk menyimpannya klik SIMPAN TEMA/SAVE TEMPLATE

Sampai disini bullet list kalian sudah berubah seperti contoh di bawah ini :

Ketika kursor di arahkan pada salah satu tulisan, maka akan muncul tanda centang pada kotak kecil di tulisan yang diarahkan kursor.

Itulah sedikit ilmu buat kalian terapkan pada blog mengenai cara mengganti bullet list pada blog dengan tampilan baru agar lebih variatif. Selamat mencoba.