Selasa, 27 Januari 2015

Cara Mudah Mengganti Bullet List Default Blogger Dengan CSS

Bullet List adalah sebuah tanda atau simbol kecil yang terdapat pada list, salah satunya di blogger blogspot. Tampilan bullet list bawaan blogger biasanya icon kecil bulat hitam. Bila Anda bosan dengan tampilan bullet list yang itu-itu saja, Anda bisa mengubahnya dengan mudah menggunakan CSS. Langsung saja supaya Anda paham gimana cara membuatnya, ikuti caranya berikut ini. Bullet list yang dibuat nanti kira-kira mempunyai tampilan seperti berikut ini.

Cara Mudah Mengganti Bullet List Default Blogger Dengan CSS

Cara mengubah bullet list default Blogger dengan bullet list sendiri:
1. Copy kode CSS bullet list di bawah ini (Yang berwarna merah adalah link gambar bullet list, bisa Anda ubah dengan bullet list sendiri)
.post ul li {
list-style-image:url('http://1.bp.blogspot.com/-x_CCNWh8HKk/UbLAaAOkR_I/AAAAAAAABjU/uE1zN7b0Dyw/s1600/check.gif');border-bottom:1px solid #ccc;padding:.5em 0 .3em .5em;
2. Login ke akun blogger Anda, masuk Perancang Template Blogger > tingkat lanjut > tambahkan CSS. Paste kode CSS bullet list di kotak CSSS

3. Simpan dan lihat hasilnya.

The author of the blog Teknologivirtual


EmoticonEmoticon