cara mengganti bullets list pada postingan blog
Sebelumnya saya berterima kasih bagi anda yang telah mengunjungi blog ini. nah, disini saya akan memberikan tips bagaimana membuat/mengganti bulletslist pada postingan blog.
screen shoots :
untuk langkah - langkahnya simak berikut ini:
- langkah pertama anda login terlebih dahulu ke blog kalian .
- setelah itu klik template
- kemudian edit html dan centang expand widget
- setelah kalian cari code dibawah ini dulu terutama pada bagian .post ul li {
- nah jika sudah ada gampang gan tinggal ganti url gambarnya aja atau tulisan berwana merah dengan bullets yang dinginkan pada keterangan saya sediakan bulletnya.
.post ul li {
background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/SuM3oFg5zlI/AAAAAAAACHo/n5UluB5ugMI/s400/255.gif) no-repeat 0 6px;
margin: 0 0 .4em;
padding: 0 0 0 20px;
background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/SuM3oFg5zlI/AAAAAAAACHo/n5UluB5ugMI/s400/255.gif) no-repeat 0 6px;
margin: 0 0 .4em;
padding: 0 0 0 20px;
(catatan: jika posisi atau spacing ingin diatur atau kurang pas jaraknya dengan tulisan, rubah ukuran pada koding yang bertuliskan pading diatas ukuran yang pas)
- kalian cari kode]]></b:skin> klik ctrl+F agar mudah mencarinya
- setelah itu copy kodediatas
- lalu letakan kode tersebut diatas kode ]]></b:skin>
- simpan template
KETERANGAN :
- berikut saya sediakan bullets atau url gambar yang mungkin menarik perhatian anda :
http://4.bp.blogspot.com/-z68N3QoUHlI/VU1BLlOUKlI/AAAAAAAAB_g/LLUFCzVy8uY/s1600/Amnesia-anime.png
http://3.bp.blogspot.com/-Lw1eTpMt9g4/VU1CXKVhx3I/AAAAAAAAB_o/KzGKN8eo8R4/s1600/Naruto.png
http://4.bp.blogspot.com/-W6sFxBxJW8o/VU1CvfWz8dI/AAAAAAAAB_w/J6wZNRhTiTA/s1600/Dragonball-Goku.png
http://1.bp.blogspot.com/-VVsjpBeF8FU/VU1C8C4HSSI/AAAAAAAAB_4/ZM0snYJP7RQ/s1600/bullet%2B2.gif
http://1.bp.blogspot.com/-wBwXYGevxoU/VU1DaPoivzI/AAAAAAAACAA/x0RXNQfkMzU/s1600/One-Piece-anime.png
good luck