UP
    Latest News
Home » Modifikasi Blog » Mini icon pada Label

Mini icon pada Label
Diposkan oleh di
Mini icon pada Label Sebenar nya sangat mudah cara menampilkan nya Pada Label,hanya saja Bagi Sobat yg belum mengetahuai nya masih binggung cara manampilkan nya,.Untuk memulai Tutorial Mini icon pada Label ini sobat harus sudah download dahulu Icon-icon nya saya sudah menyediakan Download Icon nya pada postingan sebelum nya,Free Icon Untuk Blog dan Website ,jika Sobat masih binggung apa sih Mini Icon Pada Label Itu..?
Akan saya Beri Contoh pada Blog saya.



Sobat Bisa lihat Tanda panah yang berada pada samping Teks label nya,.
itu yang di maksud dengan Mini icon pada Label.Gimana,sudah paham kan apa Itu Mini icon pada Label.


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 :


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0FZSTj06AL_sLFAvwaUb76Uxr4cGAcaOmx8_x7s2xg0CM5uS0sZmofyyK8ME3AaDINS-HLLtP0Ktb5LP9lIYWiZh-2GumEsTEkb43xSF9RpangvHlMg4AsHoliH7rOY8LDmFzz3ymUM/s1600/iconsidebar.png


Agar gambar tersebut tampil,maka kita perlu memanggil nya dengan kode seperti ini.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0FZSTj06AL_sLFAvwaUb76Uxr4cGAcaOmx8_x7s2xg0CM5uS0sZmofyyK8ME3AaDINS-HLLtP0Ktb5LP9lIYWiZh-2GumEsTEkb43xSF9RpangvHlMg4AsHoliH7rOY8LDmFzz3ymUM/s1600/iconsidebar.png"/>

Maka akan Tampil seperti ini.




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

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/>
  (<data:label.count/>)</a>



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


<a expr:href='data:label.url'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0FZSTj06AL_sLFAvwaUb76Uxr4cGAcaOmx8_x7s2xg0CM5uS0sZmofyyK8ME3AaDINS-HLLtP0Ktb5LP9lIYWiZh-2GumEsTEkb43xSF9RpangvHlMg4AsHoliH7rOY8LDmFzz3ymUM/s1600/iconsidebar.png"/>
<data:label.name/>
  (<data:label.count/>)</a>




   8. Klik tombol Simpan Template
   9. Selesai.

Jika sobat telah menyisipkan kode tersebut, maka setiap label akan terdapat mini icon nya.


Selamat Mencoba dan selamat ber Eksperimen
jangan lupa,Ucapkan terimakasih dengan cara berkomentar pada postingan ini..


Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Tutorial Blog Ini...

1 comment:

  1. judi bola6 February 2013 at 11:49

    makasih Gan atas tutornya, wajib dicoba nih. pasti jadinyak keren banget deh. makasih banyak ya.

    ReplyDelete