You must enable Javascript in your browser to run or open this site.

Memberi Berbagai Tag Blog

Kalian tau apa itu Tag? Tag adalah suatu kepingan atau tanda pengenal untuk nama atau bisa dibilang mengeluarkan object lain dari object (gambar, tulisan, dan link). Susah ya untuk dijelaskan, paling tidak saya hanya tau itu. Nah sebagai contoh di Facebook.com. Ketika sobat diTag Foto oleh seseorang, nah pasti disitu ada nama sobat kan? Nah, coba arahkan kursor ke nama sobat yang ditag. Pasti akan keluar kotak sebagai contoh gambar dibawah.



Contoh Tag di IDM. Tag yang megeluarkan tulisan.



Nah coba kita peragakan ke blog, pasti akan sulit. Tentu tidak. Lihat sekujur blog saya yang dipenuhi Tag. Tag di blogger dapat dilakukan melalui dua cara.

Cara pertama dengan menggunakan bantuan dari <a href dan title="". Contoh Script lengkapnya misalnkan seperti ini.
<a href="http://farixsatips.blogspot.com" title="FQ B.I.S">Farixsan</a>
Maka hasilnya coba arahkan kursor sobat dan jangan klik di Farixsan.
Contoh ini juga bisa diterapkan di gambar kayak Exchange Link saya. Berikut Script dan hasilnya.
<img src="http://i1042.photobucket.com/albums/b429/Farix_2010/FQBIS-2.png" title="Example"/>
Dan Hasilnya coba arahkan kursor dan jangan diklik disini.



Cara ini biasanya di lakukan di Posting, Widget, dan Bukan di HTML! HTML! Karna apa? Perhatikan cara diatas yang berkutip dua (<a href=" dan title="FQ B.I.S"). Sedangkan kode di kode HTML tidak mendukung kode a href di campur dengan Kutip dua (") tetapi Kutip satu (').
Cara ini digolongkan juga Tidak Otomatis! Tidak otomatis yang dimaksud adalah satu persatu dikasih Tagnya. Perhatikan Random Artikel di Sidebar. Asal kalian tau itu perlu Script yang panjaaaaaang karna tidak otomati atau bisa dibilang manual. Susah ya!?

Cara kedua dengan menggunakan bantuan dari <a expr dan expr:title='. Nah, ini yang dimaksud dengan Tag otomatis karna sekali dikasih Tag, lagsung kena semua.

Berbagai contoh Tag yang Sobat Bisa terapkan Ke blog Sobat.

Hasil Tag Judul Post

<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
Hasil Tag Label
<a expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></a>
Hasil Tag Link Header
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.homepageUrl'><data:title/></a>
Hasil Tag Comment Ballon
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:post.numComments'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a>
Hasil Tag Comment Author
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author'><data:comment.author/></a>
Kode Biru adalah kode yang harus ditambahkan untuk Tag Otomatis.

Nah, udah cukup banyak gak tuh? Sudah cukup jelas? Kalau tidak jelas bisa komentar.
Nah, selamat mencoba ya kawan. Kalau masih tidak paham, boleh tanya.

10 comments

  1. maksudnya tag ini buat apa yah???jelaskan secara singkat,padat dan tidak jelas....(lho???) hehehehhe

    BalasHapus
  2. @dimas Mengeluarkan kata lain dari sebuah object. Bisa gambar, tulisan, atau link.., coba arahkan mouse sobat ke sini, tapi jangan diklik... DISINI

    BalasHapus
  3. wah, sip nih kang, Menarik sekali. Ntar kapan2 Menu blog aq mau aq tambahin ah dgn tag kayak contoh yg paling bawah.. bagus banget tuh...

    BalasHapus
  4. Oke sip sip trimakasih atas suportnya... :) kemari lagi ya kapan kapan

    BalasHapus
  5. @kisah abu nawas sama sama sob.. saya harap semua bisa mengerti apa yang saya posting ini.. hehe

    BalasHapus
  6. cantik juga nih kalau dikasih tag..thanks atas infonya...

    BalasHapus
  7. ooh maksudnya tag ini sob , kirain meta tag , wkwkkw

    mantaap-mantap nih sob :)

    BalasHapus
  8. Meta tag saya tidak mengerti :D

    BalasHapus
  9. boleh nie saya coba pasang, sepertinya bagus

    BalasHapus