Installasi Twitter @Anywhere Pada Kotak Komentar

Penulis: ArdianZzZ | Ardianzzz.blogspot.com

Kotak komentar ialah sarana diskusi yang paling efektif. Atau paling tidak, kotak komentar ialah salah satu daerah untuk sekedar saling sapa dan berinteraksi. Karena pada engine blogger tidak terdapat akomodasi untuk reply comment, kegiatan bertegur-sapa biasanya dilakukan dengan menggandakan Facebook atau Twitter. Yaitu dengan menambahkan simbol “At”(@) pada awal nama. Misalnya saya ingin membalas komentar o-om, maka saya menambahkan @oomdotcom pada awal kalimat. Sebagai tanda bahwa jawaban tersebut saya tujukan untuk o-om.

Kita sanggup menambahkan interaktivitas kotak komentar dengan memakai plugn Twitter @Anywhere. Dimana setiap kata yang diawali dengan simbol “At”(@) sanggup diconvert secara otomatis menjadi link yang menuju akun twitter yang dituju. Sangat menarik bukan, sebab sanggup menambah suasana kotak komentar menjadi lebih hidup dan interaktif.

Untuk lebih jelas, sanggup dilihat pada demo page disini.

Berikut ini ialah langkah-langkah installasi Twitter @Anywhere:

1. Masuk di @Anywhere

Sebelumnya, anda harus mempunyai akun twitter terlebih dahulu. Kemudian kunjungi http://dev.twitter.com/anywhere

2. Daftarkan Aplikasi

Isikan segala info yang dibutuhkan. (Hal ini sangat gampang dan tidak perlu klarifikasi lebih)

 

3. Dapatkan API key.

 
4. Installasi

Setelah mengetahui API key, hal yang perlu dilakukan ialah dengan menambahkan JavaScript berikut ini sebelum </head>

 
<script src="http://platform.twitter.com/anywhere.js?id=APIKey" type="text/javascript"></script>

 
Gantilah APIKey dengan API Key anda.

 
Beberapa fitur yang sanggup dipakai adalah:

 
a. LinkifyUser

Script akan mengubah semua konten yang diawali dengan “at” simbol menjadi link akun twitter.

 

b. Hovercards

Membuat link memunculkan tooltip yang berisi info perihal akun twitter.

 
Untuk melakukannya letakkan javascript berikut ini:

 
<script>
twttr.anywhere(function(twitter) {
twitter(&quot;.comment-body&quot;).linkifyUsers();
twitter.hovercards();
});
</script>

 
Ganti abjad yang berwarna merah dengan class yang sesuai. Jika anda memakai Basic Minima, maka kotak komentar mempunyai class .comment-body. Jika tidak yakin dan anda menginginkan semua konten dalam body diconvert menjadi link maka gantilah dengan body.

 
5. Kesimpulan

Cara ini sangat gampang dilakukan dan cukup efektif untk menambah interaktivitas pada kotak komentar. Tetapi yang perlu diperhatikan adalah, bila kita menuliskan username yang salah maka link yang dihasilkan menjadi tidak relevan. Misalnya saya menuliskan @oomdotcom yang menghasilkan link menuju http://twitter.com/oomdotcom. Tetapi bila saya menuliskan @o-om, maka link yang dihasilkan adalah http://twitter.com/o-om yang berarti salah sasaran.


Selain kedua fitur di atas, terdapat jga fitur-fitur menyerupai

• Follobutton
• Tweet Box
• Twitter Connenct

Untuk lebih jelasnya perihal cara penggunaannya sanggup mengunjungi: http://net.tutsplus.com
 

Profile Penulis:
ArdianZzZ ialah Seorang blogger biasa tetapi bukan blogger yang biasa-biasa saja. Sangat antusias dengan webdesain terutama pada Typography, CSS dan JavaScript.