Technorati Widgets dan Chicklets

September 6, 2007 in Panduan Membuat Blog

Seorang teman menulis di bukutamu (guestbook/shoutbox) blog ini menanyakan bagaimana memasang chicklet/widget Technorati Favorite seperti di blog saya (lihat di atas bukutamu). Saya suruh ambil langsung kodenya di technorati.com, katanya tidak ada. Barusan saya iseng berkunjung ke technorati.com, ternyata memang sudah tidak dipasang lagi. Atau nyelempit kali ya? Sekalian buat tutorial soal widget/chicklet Technorati, berikut beberapa kode chicklet atau widget dan contoh/screenshotnya yg bisa Anda pasang di blog Anda.
 

1. Technorati Favorite Gunanya agar pengunjung yg suka dg isi blog Anda, memasukkan blog Anda sebagai blog favorite di Technorati. Copy/paste kode berikut, jangan lupa ganti URL blog saya dg blog Anda:

<a href=”http://technorati.com/faves?add=http://kolom-mario.blogspot.com” mce_href=”http://technorati.com/faves?add=http://kolom-mario.blogspot.com”> <img src=”http://static.technorati.com/pix/fave/tech-fav-1.gif” mce_src=”http://static.technorati.com/pix/fave/tech-fav-1.gif” alt=”Add to Technorati Favorites” /> </a>

2. Blog Authority
Fungsi: Akan secara otomatis menunjukkan berapa blog yg ngelink ke blog Anda. Copy/paste kode html/javascript di bawah dan taruh di sidebar atau footer. Tentu saja ganti alamat URL blog saya dg URL blog Anda.

<script src=”http://widgets.technorati.com/t.js” mce_src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script> <a href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_authority_t_ns” mce_href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_authority_t_ns” class=”tr_authority_t_js” style=”color: rgb(66, 97, 223);”>View blog authority</a>

3. Link Count/Blog reactions

Fungsi: Untuk mengetahui berapa blog yang ngelink ke posting di blog kita. Karena itu, khusus untuk link count ini kodenya ditaruh di footer posting sejajar dg blog author, comment dan permalink. Kalau bingung dan kebetulan Anda masang kode “Read More”, maka taruh kode di bawah di bawah kode “read more”. Berikut kodenya dan tempatkan sebelum atau sesudahnya:

Berikut kode yg mesti dipasang

<script src=”http://embed.technorati.com/linkcount” mce_src=”http://embed.technorati.com/linkcount” type=”text/javascript”> <a class=”tr-linkcount” href=”http://technorati.com/search/%3C$BlogItemPermalinkUrl$%3E” mce_href=”http://technorati.com/search/%3C$BlogItemPermalinkUrl$%3E” view=”" blog=”">

4. Blog Top Tag Cloud Widget:
Fungsi: Untuk mengetahui tag/label/kategori paling populer saat ini di Technorati dalam bentuk cloud. Ganti kode URL blog saya dg URL/alamat blog Anda.

Kodenya:

<script src=”http://widgets.technorati.com/t.js” mce_src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script> <br /> <a href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_tagcloud_t_ns” mce_href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_tagcloud_t_ns” class=”tr_tagcloud_t_js” style=”color: rgb(66, 97, 223);”>View blog top tags

5. What is Hot Top Search

Fungsi: Untuk mengetahui apa yg paling dicari melalui search engine Technorati.

Kode:
<script src=”http://widgets.technorati.com/t.js” mce_src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script> <a href=”http://technorati.com/pop/?sub=tr_top-searches_t_ns” mce_href=”http://technorati.com/pop/?sub=tr_top-searches_t_ns” class=”tr_top-searches_t_js” style=”color: rgb(66, 97, 223);”>Technorati Top Searches</a>

6. Technorati Top Tags

Fungsi: untuk mengetahui tag yg paling dipakai di Technorati saat ini. Agak mirip dg yg nomor 4, kalau Anda mau pasang sebaiknya pasang yg ini daripada yg nomor 4.

Kodenya:
<script src=”http://widgets.technorati.com/t.js” mce_src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script>
<a href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_tagcloud_t_ns” mce_href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_tagcloud_t_ns” class=”tr_tagcloud_t_js” style=”color:#4261DF”>View blog top tags</a>

Lihat contohnya di sini.

Salam ngeblog,