Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

Sisipkan Mini icon pada Label

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://amen24.googlepages.com/folder.gif

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


<img src="http://amen24.googlepages.com/folder.gif"/>

gambarnya 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 :

  7. <a expr:href='data:label.url'>
    <data:label.name/>
      (<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://amen24.googlepages.com/folder.gif"/>  
    <data:label.name/>
      (<data:label.count/>)</a>

  10. Klik tombol Simpan Template
  11. Selesai.

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

Selamat mencoba !

21 September 2007 - Posted by | aksesori blog, blog tutorial

10 Komentar »

  1. Wah..luar biasa, selalu up to date posnya bos. terima kasih share ilmunya selama ini.

    Komentar oleh Jev in mozilla | 21 September 2007 | Balas

  2. Infonya sangat membantu… sudah saya coba di blog saya. Saya pasanag icon untuk View Profile dan View Photo Album. THX

    Komentar oleh Totok Sugianto | 27 September 2007 | Balas

  3. i’m too…thank’s banget…
    hehehehehe:):)

    Komentar oleh santertainment | 22 November 2007 | Balas

  4. bang untuk label yang udah saya buat kok cuman dibatasi 4 saya ya… cara nambahnya gimana soalnya pas saya tambah gak bisa ditampilkan di web blognya thanks so mat bang ya.. help me pleaseee

    Komentar oleh Warta Gereja | 13 Desember 2007 | Balas

  5. aduh,kang? pusing nyari kode di
    Expand Template Widget,
    gak saya terusin soalnya pusing dan ngabisin dana bayar warnet,hehehe.
    kasih tahu letak codenya,mas.
    thanks.

    Komentar oleh ahmed-noer | 26 Februari 2008 | Balas

  6. waghh..kang ajarin masukin script dunk.. aku masih kePusingan nie..

    promo dikit ye…
    kunjungi blog
    http://ekhangitar1stindo.blogspot.com/

    Komentar oleh EKHAN AYIEK | 21 Maret 2008 | Balas

  7. salam…

    mas, saaya udah coba untuk membuat icon di katagory, nah saya sekarng jadi bingung, iconnya cuma muncul pada kategori yang ada di bawah postingan, bukan pada label katogri yang terdapat pada sidebarnya…

    toolong mas..

    Komentar oleh zoelgebe | 19 Juni 2008 | Balas

  8. biar mudah cari Kode dalam xtml Template,pertama yg paling penting adalag kasih tanda CHECK pada EXPAND WIDGET TEMPLATE,lalu ctrl+A(copy) paste ke Note-pad,klik tombol Edit>Find (ctrl+F. nahhh masukkin deh code yang diminta ma aKang..misal data:label.name/ lalu ambil batas atas dan batas bawah yang mudah diinget misal ! … SIde Bar …__ dsb!
    semoga bermanfaat

    Komentar oleh darkbahamut | 5 Agustus 2008 | Balas

  9. Berhasil juga ! Makasih Infonya Ya Kang.

    Komentar oleh Mank-Alvin's Blog | 9 Agustus 2008 | Balas

  10. thanx ya kang…. atas semua ilmunya…. akang is the best

    Komentar oleh Blake's Absanka | 22 Agustus 2008 | Balas


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: