Pages

Mengganti Default Bullet dengan Arrow Icon di blogspot

26 October 2010

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/AVvXsEgC92s-Tr5XnmbLDEK0Wid7tya1erc7NzN2_iU7cYEXMAbAAE86e3AAVu8GTcUNAhHitaOeTVNgv9vFVGDkwwccve-ThiV8JL8zyf2n6_r5B9jOGdS2wAOz0iCzH5CoRxkTD2IQvEfZLMU/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

No comments:

Post a Comment

 

Populer