Mengganti Default Bullet dengan Arrow Icon di blogspot

Home » Tutorial Blogspot » Mengganti Default Bullet dengan Arrow Icon di blogspot

Mengganti Default Bullet dengan Arrow Icon di blogspot

Posted by Mas Radith 0 comments

Pernah merasakan rasa jenuh karena melihat bentuk bullet pada blog kamu ?
Mungkin itu hal yang 4-Jie rasakan seperti kamu. Untuk kamu yang mau mengganti bullet default menjadi bullet sesuai dengan keinginan kamu, kamu dapat mengikuti langkah-langkah berikut. Sebelum memodifikasi bullet, silahkan perhatikan gambar yang dibawah ini (merupakan gambar bullet)

Berikut langkah-langkah memodifikasi tampilan bullet pada blog kamu :

Cari menu li pada template Anda, contohnya pada kode berikut:

.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}

Jika sudah, ganti kode diatas dengan kode dibawah ini :

.post li {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg10xQ0n8_QgAebexLfHQPRygbK_otUL0y7x6DPCMeFDOjjw9X3srcz5KAeROqJG_qzd94ik31HDUCda0ZcyPFJgH1lb133XcapcMuLubiebh3wyMgikiz_0CLxVBaaQEtWCl-kcxdHw0o/s1600/libg300.png') no-repeat 0px .30em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}

Perhatikan tulisan yang berwarna merah. Itu merupakan URL Gambar yang ingin dijadikan New Bullet, dapat kamu ganti dengan URL Gambar kamu masing-masing
Langkah Selanjutnya, Klik SAVE