Assalamualaikum sobat blogger. Udah lama banget ga posting neh, Kali ini aku amu posting Cara Mengganti Bullet LIst menjadi Check LIst Keren. Jadul ya postingnya. Memang jadul banget, tapi kalo ada yang ga suka postingan saya silahkan ditutup saja blog saya.
Oke bagi yang mau nyimak silahkan disimak Cara Mengganti Bullet LIst menjadi Check LIst Keren.
1. Login ke dasbor blogger kalian masing-masing
2. Template>Edit Html
3. Kalian cari kode yang mengandung <ul><li> nya. Karena setiap template berbeda-beda. Usahakan yang kalian cari sesuai dengan yang akan kalian ganti. Pokoknya yang berkaitan dengan List. Kalo yang ada di templateku seperti ini kodenya
ul{list-style:square;}
ol{list-style-type:decimal;padding-left:30px;}
ol ol{list-style:upper-alpha;}
ol ol ol{list-style:lower-roman;}
ol ol ol ol{list-style:lower-alpha;}
4. Setelah itu kalian ganti kode yang berwarna merah dengan kode dibawah ini
.post-body ul li,
.post-footer ul li{margin-left:20px;list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlDDXw1LV2n5_j2tMoVS7Y0fct2o7RwGJ8eV9U7sfYtvbDUYp0WGdpQbERb30t3Z71yepco9S5b2QbYO05JY5-lmYAUida0AyFhNpWBZIWzj2OUAzVd_4umJ_GTVVg2QOuaanuGyLtz3A/s1600/uncheck.gif);padding:.2em 0 .2em .5em}
.post-body ul li:hover,.post-footer ul li:hover{background-color:#000;cursor:pointer;list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjplZi8Q6Sm00NiH35-e-kQifuc7HlR2lUi4LjB6baN5XyZnG51GPVqRT3TWhPNSs1-aUP76LUIRKH3IdLl7f10p6HMkf4sPbaC86Is3nS5ntL1jD9OsjQk-0wnD1_RYpu-CabUNSBOtNg/s1600/check.gif);}
5. Kemudian kalian simpan template kalian. Coba lihat hasilnya
- Sangat berhasil
- Berhasil
- Kurang Berhasil
- Tidak Berhasil
Jika di blog kalian belum ada kode <ul> maupun <li> nya. Kalian bisa menyisipkan kode dibawah ini kedalam template kalian
.post-body ul li,.post-footer ul li{border-bottom:1px solid #ccc;list-style-image:url(https://lh6.googleusercontent.com/-4d5WhtoEhnQ/TszzCXAYfnI/AAAAAAAABq8/wauqCWb3uOE/s12/uncheck.gif);padding:.2em 0 .2em .5em}
.post-body ul li:hover,.post-footer ul li:hover{background-color:#f2f2f2;color:#3B5998;cursor:pointer;list-style-image:url(https://lh4.googleusercontent.com/-ZVFRnl3GhEM/TszzA1VUAPI/AAAAAAAABq0/2vjmHmWdOOQ/s12/check.gif)}
Letakkan kode diatas tepat sebelum kode ]]></b:skin>
Demikian artikel tentang Cara Mengganti Bullet LIst menjadi Check LIst Keren di Blog. Semoga bermanfaat bagi kalian semua
4 comments
Click here for commentskeren banget sob,, :bugis:
ReplyTerima kasih kunjungannya sob...
Reply:bugis:
Reply:angel: :bata: :becak: :bugis: :cpd: :pm: :dp:
ReplyTata Cara Berkomentar yang Baik dan Benar :
1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon