Cara Mengganti Default Bullet Icon Blogger

Cara Mengganti Default Bullet Icon Blogger - Apakah ada sobat blogger yang merasa bosan dengan default bullet icon bawaan template seperti yang saya alami? Kalau iya berarti sobat kudu merubah atau mengganti bullet icon bawaan template blog sobat tuh. Setelah muter-muter akhirnya saya bisa juga mengganti bullet icon blogspot atau lebih tepatnya default bullet icon bawaan template blog yang saya pakai ini.
mengganti default bullet icon blogspot atau blogger
Bullet icon yang sudah dimodifikasi bisa digunakan untuk mempercantik random posts atau untuk keperluan lain supaya 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 mengganti default bullet icon blogger atau blogspot

  • 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: inherit;
    background: transparent url(http://3.bp.blogspot.com/-LfiaRrt4VCg/Tx11kCinXgI/AAAAAAAAAcs/Gcs5wbA174A/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 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(http://3.bp.blogspot.com/-LfiaRrt4VCg/Tx11kCinXgI/AAAAAAAAAcs/Gcs5wbA174A/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, mudahkan cara mengganti default bullet icon blogger atau blogspot ini? Selamat mencoba...

0 comment | add comment

Post a Comment

Terima kasih sudah mampir di Blog Gedek. Jika sobat ingin memberikan komentar silahkan isi form kementar di bawah dengan sopan dan jangan spam.

Semua komentar akan dimoderasi dahulu. Mohon maaf jika membalasnya lama, jangan lupa mampir lagi ya :)