Sebelum kita membahas panjang lebar mengenai Cara Mengganti/Mengubah Default Icon Bullet/list di Postingan dan side bar Blog, mungkin ada baiknya kita perhatikan pada blog ini, sebelumnya setiap menampilkan bullet pada side bar maka icon yang ditampilkan adalah gambar seperti ini: " " kemudian saya menggantinya menjadi icon gambar tumbuk batu marawis seperti ini :
Adapun Cara Mengganti/Mengubah Default Icon Bullet/list di side bar / widget Blog yang saya lakukan adalah sebagai berikut:
- Upload gambar Anda yang hendak dijadikan icon pengganti, kemudian ambil alamat url gambar tersebut dan simpanlah pada notepad untuk backup.
- Langkah berikutnya adalah Login ke akun blogger kita
- Pilih menu Template dan jangan lupa backup template terlebih dulu dengan cara klik menu pulihkan/cadangkan kemudian "unduh template" lengkap" dan Simpan template Anda sebagai Backup jika terjadi sesuatu yang tidak diinginkan.
- kemudian pilih "Edit HTML" dan "lanjutkan"
- Centang / klik "Expand Template Widget"
- Carilah kode yang mirip dengan sidebar li, atau .sidebar ul li yang terdapat pada template ABlog Anda, untuk mempermudah pencarian tekan Ctrl F kemudian pada kotak cari di bawah ketik .sidebar ul li, misalnya diperoleh yang mirip kode berikut:
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{padding:6px 0 6px 10px;margin:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEqduWTX3UOjo11rmnst3-97_rV36jXDUCg9gkoDbiMsN_rNEfDN2d1OBwgG7cdYb4EyJU2z4IP1o1GKLcHcdKCQc7iUW3YAlWwOQOa7C1kcp2RdGnooj1cMKsW23uLilg6vtx1hBiQgb/s1600/arrow.png) left 12px no-repeat;border-bottom:1px solid #EEE;}
.sidebar .widget{margin: 0 0 15px 0;padding:0px;} - Simpan Template, kemudian lihat hasilnya.
Demikian postingan kali ini mengenai Cara MenggantiCara Mengganti/Mengubah Default Icon Bullet/list baik di side bar maupun postingan Blog. semoga bermanfaat,
Tutorial Blogspot
- cara membuat tulisan / teks berjalan ( marquee ) di blog
- Cara Mengganti Tampilan Kursor Mouse dengan Gambar Kustom pada Blog
- Cara Membuat Share Button FB, Twitter, Google+1 Di Atas Posting/Artikel Blog.
- Cara Membuat Widget Share Button FB, Tweet dan Google+1 di Blog
- Pengertian Gadget/Widget dan ID Widget pada Blog.
- Cara Mengupload Javascript hostingan sendiri dengan google code
- Cara Memasang Widget Statistik Whos Amung Us
- cara mengcopy artikel blog anti copas (anti block dan klik kanan)
- mempercantik tampilan blog dengan cara membuat pointer/kursor bertabur bintang
- Cara buat Efek Daun Berguguran di Blog
- Cara Pasang Widget Populer Post (Entri populer)
- Cara Pasang Widget Post dan Komentar Terbaru
- Cara buat Buku Tamu (Cbox) di Blog
- Cara buat Efek Daun Berguguran di Blog
- Tips Agar Blog Anti Copy Paste