Tuesday 26 October 2010

Mengganti Default Bullet dengan Arrow Icon di blogspot

Pernah merasakan rasa jenuh karena melihat bentuk bullet pada blog kamu ?
Mungkin itu hal yang 4-Jie rasakan seperti kamu. Untuk kamu yang mau mengganti bullet default menjadi bullet sesuai dengan keinginan kamu, kamu dapat mengikuti langkah-langkah berikut. Sebelum memodifikasi bullet, silahkan perhatikan gambar yang dibawah ini (merupakan gambar bullet)



Berikut langkah-langkah memodifikasi tampilan bullet pada blog kamu :

  • Login - Layout/Tata Letak - Edit HTML - Expand Template Widget
  • Cari menu li pada template Anda, contohnya pada kode berikut:
.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}


  • Jika sudah, ganti kode diatas dengan kode dibawah ini :
.post li {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKUlVAenEN_a4eYPHbOx17FR3GX6NcALLiW_MMa-BtA6WzqwzJfRTybQzq0Kh9ycAIyjNq3OKGY-VsQ-MQ_3-ZGpsvabn0IDmCcAAyFKTWeLfGTRpObglWPihiTCuUP6JVM-v4ChTz6oY/s1600/libg300.png') no-repeat 0px .30em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}
  • Perhatikan tulisan yang berwarna merah. Itu merupakan URL Gambar yang ingin dijadikan New Bullet, dapat kamu ganti dengan URL Gambar kamu masing-masing
  • Langkah Selanjutnya, Klik SAVE

3 comments:

  1. thansk gan dicoba dulu....Untuk sharing informasi main main ke blog aku gan http://tiptrik-info.blogspot.com

    ReplyDelete
  2. gx da tlisan "sidebar" bung,alternatif laen gmn?

    ReplyDelete