Cara Mengubah Default Bullet Icon Blogger

Apakah ada kawan blogger yang merasa jenuh dengan default bullet icon bawaan template seumpama yang aku alami? Kalau iya memiliki arti kawan kudu merubah atau mengganti bullet icon bawaan template blog kawan tuh. Setelah muter-muter karenanya aku bisa juga mengganti bullet icon blogspot atau lebih tepatnya default bullet icon bawaan template blog yang aku pakai ini.

Bullet icon yang sudah dimodifikasi dapat digunakan untuk mempercantik random posts atau untuk kebutuhan lain mudah-mudahan terlihat lebih rapi dan cantik. Tertarik ingin mengganti deault icon bullet list blog sobat? Yaudah lanjutin ajah baca tentang cara mengganti default bullet arrow icon list blogger atau blogspot ini hehehe...

Cara mengubah default bullet icon blogger atau blogspot

• Login ke blogger
• Pilih Rancangan / Design lalu pilih Edit HTML
• Cari suguhan li yang ingin diganti dengan arrow icon
  Beda template umumnya juga berbeda, bila kawan ingin merubah default bullet icon pada sidebar maka kodenya terlihat seumpama ini

  .sidebar li {
font-size: inherit;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPk2ddR7iCZ2mBiOCmShviFfa2IXqSg-rkFaT1R1EkbI4HBOLfksxxeEOnBM0EDEssfjHf4us31dPhdwB2XzeiEL6euKdnBuUzpXpWEZYAkuq3a9GXZSiPx0yKRLPJSJoVIDpDiNrxi4xJ/s320/bullet_list_icon.jpg) no-repeat left top; border-bottom: none;
line-height:1.25em;
padding-left:1.5em;
padding-right:1.5em;
}

• Jika kawan ingin mengganti bullet icon untuk ditaruh di postingan atau postingan kawan mesti cari arahan post li apalagi dahulu, umumnya terlihat seumpama ini

  .post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}

  Setelah ketemu kawan dapat merubah atau mengubah dengan bullet icon tersebut sesuai selera kawan sehingga akan terlihat seumpama ini

  .post li {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPk2ddR7iCZ2mBiOCmShviFfa2IXqSg-rkFaT1R1EkbI4HBOLfksxxeEOnBM0EDEssfjHf4us31dPhdwB2XzeiEL6euKdnBuUzpXpWEZYAkuq3a9GXZSiPx0yKRLPJSJoVIDpDiNrxi4xJ/s320/bullet_list_icon.jpg) no-repeat 0px .30em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}

• Ganti alamat icon yang berwarna merah sesuai alamat icon yang hendak kawan gunakan

Selesai deh, mudahkan cara mengubah default bullet icon blogger atau blogspot ini? Selamat mencoba...

Share this post