Skip to content Skip to sidebar Skip to footer

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;

(catatan: jika posisi atau spacing ingin diatur atau kurang pas jaraknya dengan tulisan, rubah ukuran pada koding yang bertuliskan pading  diatas ukuran yang pas)
    jika cara diatas tidak ditemukan (tapi biasanya untuk blog terdapat kode diatas) :

    • 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