} -->
Tampilkan postingan dengan label Mengubah Default Icon Bullet/list di Postingan dan sidebar Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Mengubah Default Icon Bullet/list di Postingan dan sidebar Blog. Tampilkan semua postingan

Kamis, 28 Juni 2012

Mengubah Default Icon


Sebelum kita membahas panjang lebar mengenai Cara Mengganti/Mengubah Default Icon Bullet/list di Postingan dan sidebar Blog, sebelumnya setiap menampilkan bullet pada sidebar  maka icon yang ditampilkan adalah gambar seperti ini: " [.]
AdapunCara Mengganti/Mengubah Default Icon Bullet/list di side bar / widget Blog yang saya lakukan adalah sebagai berikut: 
  1. Upload gambar kamu 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 Kamu, untuk mempermudah pencarian tekan Ctrl F kemudian pada kotak cari di bawah ketik .sidebar ul li, misalnya diperoleh yang mirip kode berikut:

Klik show untuk melihat
.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/AVvXsEhg8Bpwur2U4deKMTGvrPQJwcz7x1Ch0yb7Ywx1QkyTyIgW4NiZLb97xuiKE0TASd296bn2EMKOJjGnzr3dCfj4A_ySlhs-e_FMTsYWFni3BRXXFtkdQCKFuTt7JOp7Xh6R2tncQTY2KTnI/s1600/arrow.png) left 12px no-repeat;border-bottom:1px solid #EEE;}
.sidebar .widget{margin: 0 0 15px 0;padding:0px;}

  1. Gantilah alamat url icon yang lama (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg8Bpwur2U4deKMTGvrPQJwcz7x1Ch0yb7Ywx1QkyTyIgW4NiZLb97xuiKE0TASd296bn2EMKOJjGnzr3dCfj4A_ySlhs-e_FMTsYWFni3BRXXFtkdQCKFuTt7JOp7Xh6R2tncQTY2KTnI/s1600/arrow.png)dengan cara pastekan kode alamat url icon yang baru yang telah diupload pada langkah no 1 di atas. 
  2. 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...
8. Janagan lupa save..

semoga bermanfaat,