Cara Mengganti Default Bullet Icon Blogger

Apakah ada teman blogger yang merasa bosan dengan default bullet icon bawaan template menyerupai yang aku alami? Kalau iya berarti teman kudu merubah atau mengganti bullet icon bawaan template blog teman tuh. Setelah muter-muter kesannya aku bisa juga mengganti bullet icon blogspot atau ludang kecepeh tepatnya default bullet icon bawaan template blog yang aku pakai ini.

Bullet icon yang sudah dimodifikasi bisa dipakai untuk mempercantik random posts atau untuk keperluan lain semoga terlihat ludang kecepeh rapi dan cantik. Tertarik ingin mengganti deault icon bullet list blog sobat? Yaudah lanjutin ajah baca wacana cara mengganti default bullet arrow icon list blogger atau blogspot ini hehehe...

Cara mengganti default bullet icon blogger atau blogspot

• Login ke blogger
• Pilih Rancangan / Design kemudian pilih Edit HTML
• Cari sajian li yang ingin diganti dengan arrow icon
  Beda template biasanya juga berbeda, jikalau teman ingin merubah default bullet icon pada sidebar maka kodenya terlihat menyerupai ini

  .sidebar li {
font-size: inherit;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgLjUC2ssAdC0KQgio8-2rK7EG5ScNMp-nJqGmEFtQn4x7wVGUmtRljQpcqWhqbrtFe0BK5HySS3hL0bLRXakuEQCHbvlksbIUkFkSNIacPWiPffnWCh41emWfkAkcEZy2hAvJRJZ2Epnd/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 teman ingin mengganti bullet icon untuk diletakkan di postingan atau artikel teman harus cari instruksi post li terludang kecepeh berlalu dan silam, biasanya terlihat menyerupai ini

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

  Setelah ketemu teman bisa merubah atau mengganti dengan bullet icon tersebut sesuai selera teman sehingga akan terlihat menyerupai ini

  .post li {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgLjUC2ssAdC0KQgio8-2rK7EG5ScNMp-nJqGmEFtQn4x7wVGUmtRljQpcqWhqbrtFe0BK5HySS3hL0bLRXakuEQCHbvlksbIUkFkSNIacPWiPffnWCh41emWfkAkcEZy2hAvJRJZ2Epnd/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 akan teman gunakan

Selesai deh, memperringan dan sepelekan cara mengganti default bullet icon blogger atau blogspot ini? Selamat mencoba...

Advertisement