TopBottom

Berlangganan Artikel

Facebook Twitter Google Buzz Digg Yahoo! Bookmarks Google Bookmarks Technorati

Enter your email address:

Delivered by FeedBurner

Sisipkan Mini icon pada Label

Posted by Bahtiar Ahmad Syukur at Senin, 25 Januari 2010
Share this post:
Ma.gnolia DiggIt! Del.icio.us Yahoo Furl Technorati Reddit

Sebagaimana janji saya terdahulu bahwa akan memposting tentang bagaimana memasang mini icon pada blog, dan kali ini saya khususkan untuk menyisipkan mini icon pada Label atau kategori blog. Satu yang perlu di ketahui yaitu postingan ini di khususkan bagi sobat yang memakai template baru saja, untuk yang klasik tentu saja tidak perlu bersusah payah karena untuk label sama seperti membuat link biasa.


Karena pada postingan yang lalu telah saya informasikan situs penyedia layanan mini icon, maka sekarang saya asumsikan sobat telah mempunyai mini icon yang telah di upload di hosting. Sebagai contoh saya telah mengupload sebuah mini icon dan mempunyai alamat gambar sebagai berikut :
http://i563.photobucket.com/albums/ss71/PortalCake/New%20World%20Multiply/arrows.png
dan agar gambar tersebut tampil, maka kita perlu memanggilnya, kodenya seperti ini :

<img src="http://i563.photobucket.com/albums/ss71/PortalCake/New%20World%20Multiply/arrows.png" />

gambarnya seperti ini :

http://i563.photobucket.com/albums/ss71/PortalCake/New%20World%20Multiply/arrows.png

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 bingungkan? sama kalau begitu, saya juga sedikit bingung. Ini saya sampaikan dengan tujuan agar nantinya lebih mudah di mengerti. Dan sebagai catatan, sebelum sobat mempraktekan langkah di bawah sobat 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 :

<a expr:href='data:label.url'>
<data:label.name/>
&#160; (<data:label.count/>)</a>

7.Sisipkan kode mini icon nya sehingga kodenya jadi seperti ini :

<a expr:href='data:label.url'>
<img src="http://i563.photobucket.com/albums/ss71/PortalCake/New%20World%20Multiply/arrows.png"/> &#160;
<data:label.name/>
&#160; (<data:label.count/>)</a>

8.Klik tombol Simpan Template

9.Selesai.
Share
Share/Save/Bookmark

Artikel Menarik:



0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l:
Posting Komentar

Posting Komentar

Semakin banyak anda berkomentar, semakin banyak backlink yang anda dapatkan dan tentu saja Search Engine akan semakin cinta terhadap blog anda.