Percantik Label dengan Mini Icon

Sabtu, 18 September 2010

Kali ini saya akan khususkan untuk menyisipkan mini icon pada Label atau kategori blog. Satu yang perlu di ketahui yaitu postingan ini di khususkan bagi anda yang memakai template baru saja, untuk yang klasik tentu saja tidak perlu bersusah payah karena untuk label sama seperti membuat link biasa.




Sebagai contoh saya telah mengupload sebuah mini icon dan beralamat sebagai berikut : 


http://dc201.4shared.com/img/YDSU49Ay/0.9680854210762246/folder.png


dan agar gambar tersebut tampil, maka kita perlu memanggilnya, kodenya seperti ini : 

<img src="http://dc201.4shared.com/img/YDSU49Ay/0.9680854210762246/folder.png"/>

gambarnya seperti ini : 




Agar icon dengan tulisan tidak terlihat berdempetan, maka sobat bisa menambahkan efek spasi dengan menyelipkan kode :



&#160;


kode di atas adalah khusus di pakai pada saat edit template XML, karena apabila pada format HTML memakai kode :


&nbsp;


Bagaimana? bingung, kan? Saya juga. hahaha... Sebagai catatan, sebelum anda mempraktekan langkah di bawah, anda harus sudah mempunyai postingan yang di beri label / kategori. Langsung saja, untuk menyelipkan mini icon pada label /kategori silahkan ikuti langkah-langkah berikut ini : 
  1. Sign in di blogger

  2. Klik menu Layout

  3. Klik menu Edit HTML

  4. Klik link Download template, save dulu untuk di jadikan backup agar aman

  5. Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya

  6. Cari kode seperti berikut :
  7. <a expr:href='data:label.url'>
    <data:label.name/>
    &#160; (<data:label.count/>)</a>
  8. Sisipkan kode mini icon nya sehingga kodenya jadi seperti ini :
  9. <a expr:href='data:label.url'>
    <img src="http://dc201.4shared.com/img/YDSU49Ay/0.9680854210762246/folder.png"/> &#160;
    <data:label.name/>
    &#160; (<data:label.count/>)</a>
  10. Klik tombol Simpan Template

  11. Selesai.


Jika anda telah menyisipkan kode tersebut, maka setiap label akan tedapat mini icon nya. Mau melihat contohnya? silahkan kunjungi 
http://template-unik.blogspot.com

Selamat mencoba !!

Share

0 komentar:

Posting Komentar

Followers

Site Info & Badges