Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » , » Cara Mengganti/Mengubah Default Icon Bullet/list di Blog

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: 
  1. Upload gambar Anda yang hendak dijadikan icon pengganti, kemudian ambil alamat url gambar tersebut dan simpanlah pada notepad untuk backup.
  2. Langkah berikutnya adalah Login ke akun blogger kita
  3. 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.
  4. kemudian pilih "Edit HTML" dan "lanjutkan"
  5. Centang / klik  "Expand Template Widget"
  6. 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. 
  7. 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 MenggantiCara Mengganti/Mengubah Default Icon Bullet/list baik di side bar maupun postingan  Blog. semoga bermanfaat,

 Tutorial Blogspot
Share this article :

1 komentar:

Yumna Nuruddin mengatakan...

gx da tlisan "sidebar" bung,alternatif laen gmn?

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST


  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)

  • PIN BB : 2B4A736C

  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • Klik PETA LOKASI PUTRAPENDAWA
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  •  
    Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
    Template Created by Mas Template Supported by jual kostum marawis & alat drum band
    Proudly powered by Blogger |