Cara Membuat/Megganti Icon Label Blog

Tips kali ini membahas tentang Icon Label Blog, Kalian tentunya tau dong Label Blog, kalo tidak tahu coba Kalian perhatikan gambar di bawah :
OK pasti sudah tahu dong...???. Kita langsung masuk ke langkah-langkahnya saja. Berikut langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Lalu cari Rancangan --> Edit HTML
[3]. Trus cari Code ]]></b:skin> (agar lebih mudah mencari tekan CTRL + F atau F3 pada Keyboard).
[4]. Kalo sudah ketemu Copy dan Paste-kan Code di bawah, tepat di atas Code tadi.
/*Label
----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(http://www.paramitra.com/gfx/icon-flag-id.gif) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #063E3F;
line-height: 1.2em;
}
[5]. Terakhir tinggal di SAVE, dan lihat hasilnya. Pasti Icon Label Blog Kalian sudah berubah.

NB :
- Ganti URL gambar yang ada pada Code (http://www.paramitra.com/gfx/icon-flag-id.gif), dengan URL gambar Kalian. Ingat gambar harus berukuran kecil, agar pas.

Semoga Berhasil...!!! ^_^

4 Responses to "Cara Membuat/Megganti Icon Label Blog"

  1. wah keren ni sob, bisa buat label di samping label..
    tapi label di blog saya baru dikit, nnti aja deh kalo uda banyk postingan baru pake trik ini hehe
    keep sharing.

    BalasHapus
    Balasan
    1. ya sob dan simple juga caranya hehe
      makasih sudah berkunjung di blogku sob :)

      Hapus
  2. ane benar" baru tau kalau bisa tarok icon di samping label, benar-benar bermanfaat gan..
    keep sharing dan sukses selalu y :D

    BalasHapus
    Balasan
    1. ya sob, kemana aja sob sibuk dengan kuliah ya :D hihi
      makasih sudah berkunjung di blogku sob :)

      Hapus
Catatan :
- Boleh berupa kritik dan saran
- Usahakan komentar tidak menyinggung
- Tidak mengandung kata-kata kasar
- Tidak berbau porno
- No spam