Cara Mengubah Bullet List di blog

Ketika anda membuat artikel yang bertemakan tutorial atau yang lain pasti menggunakan bullet, betul ?. selain itu pasti anda dalam membuat artikel tersebut mengatur bullet tersebut agar terlihat rapi pastinya. Tapi kalau bentuknya cuma bulat dengan warna hitam itu biasa. Ada cara untuk mengubahnya di blog anda, begini caranya :

1. Pastikan masuk ke blog anda masing- masing 
2. Kemudian masuk ke menu template 
3. Dan pilih “customise” ingat klik customise jangan edit HTML 
4. Setelah masuk kemudian klik advanced 
5. Dan kemudian pilih add css 
6. Dan masukkan kode berikut ini

Bullet Gambar Panah
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUw4eyLPBha-98h8r6_Z493r__wJj3UDPlXdTPnfL5gtcidpzQp3Kq_1hRaKGLiu-VOVQID3ggpUNS2ulXMdQDDC1yI0eQKe5DZfOc19blKQkeG978bRTrHDUO4tFg1srNzcE8YhDMxgiH/s1600/bullet_blue_arrow.png');}

seperti berikut bentuknya ke sini

Bullet Gambar Peringatan
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsh1i3QBBB2NAMNaofS1Myrziwp16IG8-lJSWGVNg2ANlE2SQ3rSaGJre4wpcs4En_4Shpg5LYmVJWq3vzyrpspy3GTH2KsMhSoujYCc7_X1S_q73X48mEsjKiDOeK5a6c-lKjwQnUuiw3/s1600/bullet_error.png');}

seperti ini bentuknya ke sini

Bullet Gambar Rumah

.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVF6AY-mMeLzadVyDD7DTJTJT1fuWRCNg_oGJ7GuIDLBqbzTsuFtY2Dx5I51oiP-8FAoXpayX_98MtK0n5b879w0aH5fE7NAojbVP1zATlFZln51BseUJH7qrcalPa3vx-89udC2IhFApz/s1600/bullet_home.png');}

seperti berikut bentuknya ke sini

Bullet Gambar Centang

.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhurrAnhxeyLainXM-FekLadOti5xnnzSQYlCgBTtpuaJbS-tLhv69FQ121m7HRfcWy9kp8DwB5BN7nN7J5V3O2GkYAytUWnPfYO0nMe88NmHaw9_1H5W82WVeLevNTI8A7eVWhesiI23Su/s1600/bullet_tick.png');}

seperti berikut bentuknya ke sini

Bullet Gambar Lencana Bintang
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozJYva_eGVQxDG-Lpo3g7xSka1zdNhYNBu4cWQ7-HQosixoZciuj-tlpeCnqrFmZwlB2_c3p6uW6mFBc1z_VHwq7o0LSSdo7XV0FfbCY64RDVE5NS4hc98Lp3Es0GO3uD5kQoDvt9qKs/s1600/star_bullet.png');}

seperti berikut bentuknya ke sini

Bullet Gambar Hati/love
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigAZTyNE0jyUh5cEwZ0LjtpDm6uZDkSOo1uAc0Lb4QLYzZD3vIEJiIlTy6maIIeH0-czkDC4MuevhMVhjVV2WHtFzC18uPrDiLjK0bYl2AmgXR_Cigsh3wcy1G2dixHkgRMSOaN-7h8dM/s1600/Love+icon.png');} 

seperti berikut bntuknya ke sini

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

seperti berikut bentuknya ke sini

7. Kemudian klik apply to blog, tunggu beberapa saat setelah selesai silahkan keluar dan lihat di salah satu artikel di blog anda. Ingat jika anda mengharapkan bullet list yang berbentuk seperti di atas muncul di saat anda menulis artikel itu tidak akan mungkin karena bullet list ini hanya berfungsi di dalam blog.

Tweet

Fb

Postingan terkait:

Ditulis Raka — Saturday, August 31, 2013 — Add Comment — Tutorial