Cara Mengganti/Mengubah Default Icon Bullet/list di Blog

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 : icon rebana

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(http://2.bp.blogspot.com/-WfodqziEZSY/TjQC0uCpHVI/AAAAAAAAB5k/VhTMi3gpsQ0/s1600/arrow.png) left 12px no-repeat;border-bottom:1px solid #EEE;} .sidebar .widget{margin: 0 0 15px 0;padding:0px;}
Gantilah alamat url icon yang lama (seperti pada kode yang berwrna merah)dengan cara pastekan kode alamat url icon yang baru yang telah diupload pada langkah no 1 di atas.
Simpan Template, kemudian lihat hasilnya.

Adapun Cara Mengganti Bullet Icon di side postingan Blog sama persis dengan langkah tersebut diatas, hanya saja bedanya pada langkah ke - 6, kode yang dicari adalah post li, atau .post ul li yang terdapat pada template Blog Anda

Demikian postingan kali ini mengenai Cara Mengganti Cara Mengganti/Mengubah Default Icon Bullet/list baik di side bar maupun postingan Blog. semoga bermanfaat,

Tutorial Blogspot

TOKO PUTRA PENDAWA