Cara Mengganti Bullet List Di Blog

Senin, 08 Juli 2013

Cara Mengganti Bullet List Di Blog - Postingan saya yang satu ini membahas tentang css saya masih belum begitu tahu apa itu css. Seringkali kita melihat artikel yang masih memakai bullet list atau sudah menggantinya, fungsi dari css yang saya posting ini salah satunya adalah memberi tanda dalam suatu kalimat. Sedangkan kelebihannya adalah memberi efek keren dan menarik di dalam postingan blogger. Banyak sekali pengguna blogger yang menggunakan css bullet list yang sudah di modifikasi. Apakah anda ingin menjadi salah satunya? ikuti langkah-langkah dibawah ini.

1. Masuk ke blogger.
2. Pilih template.
3. Pilih sesuaikan.
4. Lalu, anda bisa pilih tambahkan css.
5. Pilihlah salah satu bullet list yang sudah di modifikasi.

Bullet gambar daun:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii1OYYJUn_Nvg4GSQzIm1cBXJPzHb22a9p6JRn9BBHoVNB9dinNpzDfv8ONHr-NSoNA3SsUzSmu2LfARlsaik_SZ98j14wZ8i7OtcHd5l1SlYvqV8sCg86nftqWtP4NQ2dJSshgdeHDxw/s400/255.gif');
}

Bullet gambar panah:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi374Z6Yknrw3NSyDdk8UEayBjKNimSOpwaOeX0zB7L8s-l3J2EDwVh_FaXj9qWa__tJT3T2M4Z0ysxAbNDcZEal3PMtbBnMG6InMXZRHkTiAk50_YKsnCkTY34sz-q6wWbUojkpZrF9BFk/s1600/bullet_blue_arrow.png');
}

Bullet gambar error:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipAFJ54fn0Am0Hh7bYqSQNjfyfOBK62vI9l-LS9GksdTzG0727W2ufz3-LDprfsaQR31O9h9tJpDoOUwwK7EB5OEVM0Iw1T-pFZSoLhw47GPRlXWDyBX65xvemUt0AhyphenhyphencaeSCFjDufw3lP/s1600/bullet_error.png');
}

Bullet gambar rumah:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6exhV3JwMitW2omLsLiOe_lmXkcVbSByAmAEVo1sOxGeb39P-pXm2w7OEqX2M-ZXOkejZJSYwpxP4BcMYgwC8VkwQSWyJUWknwC_2mNaUn7Y2EEsSkp5PXlNhJDGKD5IrMaY8g4e2Fc3L/s1600/bullet_home.png');
}

Bullet gambar cek list:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnzWpZeqoFxV7lcoVTlLTiiU00Pnv3qnMnwEo4hVwYp4_kV2HhyOcOWE8XU-3BNYTCmSO1zYp5m-vbxOaRffVYKiDt7ah1P9KAL5Dow8rGpGacU0RW-S-MfvL-m9NEb-oITcc70DJTDKOf/s1600/bullet_tick.png');
}

Bullet gambar bintang:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuANtSMnOD09eN00uFySLod8BI8upoZ9EN3zNTD1dkqgFlLDNr3dEIH67NbCDgcj2lr6k1BNpCnXsyqurVYBxwTH3e6puZ4gtrTPkHhhsGko2WZ67h4hcp__sx4gryPCR-AepR2SITM1E/s1600/star_bullet.png');
}

Bullet gambar love:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19apIOuli0qN8Jhz4oDCQaPsOMGkNNm_4sUMpQa9dcKePK0FmE_kPld1VnY-WY4YdPMCZ693eI4zvIad7kmrdgT8R6xwpiNFruwXAxcYmAjfXNNP20kZOM0C53Q8UWjpzLX0qN6spP6k/s1600/Love+icon.png');
}

Bullet gambar tambah:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRKDs6fM36hT59inmpZaN4ok5-polSpO6yzk0341c2r5lVGWGziY5lYcAHOVSWcwy54qX1wUWm8Jo4CGjkYstUmQKkGSfCSgezwgdXkjzIZLfR8S30co9x91mUZxF7Y9mBNvyZJH7RES4/s1600/Green+plus.png');
}

6. Simpan.
Keterangan: Tulisan yang di tandai dengan warna merah, anda bisa ganti dengan url bullet yang anda inginkan.