Tuesday, April 24

Memberi Icon pada judul label atau category blog

Terlihat pada gambar yaitu sebuah icon berbentuk panah melingkar hijau yang biasa kita lihat
pada icon blog penunjuk arah, jika  ingin icon seperti di atas tampil di samping judul label atau category Ikuti caranya......


Langsung saja berikut adalah langkah-langkahnya :
  • Login Blogger.com
  • Pilih Rancangan >> Edit HTML
  • Expand template widget Gunakan Ctrl+F untuk menemukan kode berikut ]]></b:skin> 
  • Sesudah itu copy kode di bawah ini lalu pastekan tepat di atas kode ]]></b:skin>

/*ICON LABEL----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(http://i918.photobucket.com/albums/ad29/nofalia/1332850187_Rotate270AntiClockwise3Green.png) 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;
}

  • Save  Template
  • Catatan :
    Warna merah adalah link icon gambar yang akan di sisipkan pada judul isi kategory blog, ganti dengan icon-icon sesuai keinginan.

    Selamat mencoba

No comments:

Post a Comment