Kali ini saya mau share tentang cara mengganti bullet list dengan checklist. Sobat blogger pasti sudah tahu kan apa itu bullet list. Bullet list berguna untuk menampilkan bulatan kecil. Kalo sobat udah pernah lihat, apakah sobat tidak bosan dengan bentuk yang itu-itu aja, tetapi kalo memaikai checklist pasti tampilannya akan lebih menarik dan tentunya lebih keren. Oke, tanpa panjang lebar lagi, langsung aja kita liat caranya....
1. Login ke blogger
2. Klik Template >> Edit HTML
3. Cari kode ]]></b:skin> (gunakan CTRL+F untuk mempermudah pencarian)
4. Copy kode di bawah ini, dan paste-kan di atas ]]></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;
color: #3B5998;
5. Save TemplateNb : tanda checklist akan terlihat setelah post di publish
gan kog gak work
BalasHapusBisa kok gan.. jangan taruh tepat diatas ]]>
Hapusagan bisa taruh di atas script yang lain.. tapi tetap diantara dan ]]>
iya gan, di beberapa template memang nggak bisa
BalasHapusmakasih di template ane work gan.. tapi ane cuma ngambil gambarnya doang hehe
BalasHapusmaaf, sekedar nambahin...
BalasHapusutk admin nih dikoreksi dlu, kan klo di bagian ]]> akhirnya mesti ada tanda "}" sdgnkan disitu tdk dikasih tanda "}" . ini jg mnyebabkan gagal d bbrp template, mesti d bbrp template brhasil namun slanjutnya klo mnaruh template dbagian itu akan gagal..
thanks