Home » » Cara Mengganti Bullet List Image di Blogspot

Cara Mengganti Bullet List Image di Blogspot

Untuk mempercantik tampilan blog banyak para blogger menghias blognya dengan berbagai teknik, salah satunya mengganti bullet image di blogspot, memang biasanya secara default bullet blog kurang menarik, maka dari itu tidak jarang para blogger menggantinya agar kelihatan lebih eksis dan menarik. Tapi untuk mengganti bullet dengan bullet image di blogspot ada pertimbangan yang harus sobat gunakan agar nantinya malah menjadi kacau jika salah persepsi.
Jika sobat ingin mengganti bullet default ke bullet image yang sobat inginkan pastikan script javascript sobat tidak terlalu banyak, karena jika tidak bukanya menarik minat pembaca untuk betah di blog sobat, melainkan malah blog sobat buru-buru di close (x) gara-gara blognya terlalu lama loadingnya karena script ataupun pernak-perniknya terlalu banyak.

Dalam postingan kali ini saya akan mencoba share cara mengganti bullet default ke bullet yang lebih menarik dengan menggantinya dengan image / tanda yang lebih seru pada blogspot, untuk detail caranya silahkan simak penjelasan berikut :
1. Login ke account www.blogger.com
2. Pilih salah satu blog yang akan di edit, lalu pilih menu Template >> Customize. tunggu beberapa saat hingga muncul Blogger Template Designer
3. Pilih Advanced dan cari menu Add CSS dengan menggeser schroll bar kebawah, lalu copy-paste kan kode berikut didalamnya form Add Custom CSS di sisi kanannya.
.post ul li {
list-style-image:url('http://1.bp.blogspot.com/-x_CCNWh8HKk/UbLAaAOkR_I/AAAAAAAABjU/uE1zN7b0Dyw/s1600/check.gif');border-bottom:1px solid #ccc;padding:.5em 0 .3em .5em;
}
4. Klik tombol Apply to Blog untuk menyimpan hasil editan, dan silahkan lihat hasilnya.

Pada script kode yang berwarna merah diatas, bisa sobat ganti linknya sesuai dengan image list bullet yang sobat punya, misal disini sobat bisa menggantinya dengan gambar checklist bullet dengan url seperti berikut
http://1.bp.blogspot.com/-x_CCNWh8HKk/UbLAaAOkR_I/AAAAAAAABjU/uE1zN7b0Dyw/s1600/check.gif

Judul : Cara Mengganti Bullet List Image di Blogspot
Rating : 100% based on 79599 ratings. 297 user reviews.
Ditulis Oleh hasan aji
Thanks atas kunjungan Sobat beserta kesediaannya untuk membaca artikel ini. Jika ada yang kurang paham dapat ditanyakan melalui kotak komentar dibawah ini namun di larang berkomentar yg mengandung SARA.

0 komentar:

Post a Comment

Popular Posts