Cara mengganti default bullet icon blogger

Cara mengganti default bullet icon blogger - untuk tutorial blogspot kali ini ,saya akan memposting cara mengganti icon bullet blogger.hal ini sangat mudah dilakukan,anda tinggal mengikuti langkah-langkah mudah berikut,lalu icon bullet blog / website anda,yang semula hanya bundar saja,kini bisa menjadi keren,dan unik,karena bisa anda tentukan sendiri gambarnya.

Tutorial :

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

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

• Jika sobat ingin mengganti bullet icon untuk diletakkan di postingan atau artikel sobat harus cari kode post li terlebih dahulu, biasanya terlihat seperti ini

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

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

  .post li {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2qhIDQ_HZswkMoHZSxZfunmD0ljNWAPZZPoXynWHNBxPM_5pZLV_UO7L5czlxSKbcz7xsZR6YJ7TiX9HFYgzYaqcj2Kab9eM8q0u8pY1zn4V9OFiR0IWQUOFxgLiJQ7_ShlasqGsJTkj_/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 sobat gunakan

Selesai deh, mudahka n cara mengganti default bullet icon blogger atau blogspot ini? Selamat mencoba...