Go! Blog

Assalamualaikum Wr. Wb.
Kali ini saya akan memberikan tutorial blogger lagi nih, yaitu Cara Mengganti Bullet List Menjadi Check List langsung saja yuk sob.

• Pertama Login Di Blogger
• Template >> Edit Html
• Cari Kode ]]></b:skin> agar lebih mudah Sobat bisa Menekan Tombol Ctrl+F
• Jika Sudah ketemu kode diatas, Masukkan kode dibawah ini tepat diatas ]]></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: #f2f2f2;

Kemudian Simpan Template. Selesai...
Tampilan Checklistnya akan muncul setelah posting di publishkan !!
Belum tau cara menggunakan? Nih Sobat Bisa lihat gambar dibawah ini













Sekian Artikel Dari saya, Wassalam..!!