Fajar Herianto

Installasi Twitter @Anywhere Pada Kotak Komentar Di Blogger


Installasi Twitter @Anywhere Pada Kotak Komentar Di Blogger


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


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

Untuk lebih jelas, dapat dilihat pada demo page disini.


Berikut ini adalah langkah-langkah installasi Twitter @Anywhere:

1. Masuk di @Anywhere
Sebelumnya, anda harus memiliki akun twitter terlebih dahulu. Kemudian kunjungihttp://dev.twitter.com/anywhere


2. Daftarkan Aplikasi
Isikan segala informasi yang dibutuhkan. (Hal ini sangat mudah dan tidak perlu penjelasan lebih)


3. Dapatkan API key.

 
4. Installasi

Setelah mengetahui API key, hal yang perlu dilakukan adalah 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 dapat digunakan 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 informasi tentang akun twitter.
 
Untuk melakukannya letakkan javascript berikut ini:
 
<script>
twttr.anywhere(function(twitter) {
twitter(&quot;
.comment-body&quot;).linkifyUsers();
twitter.hovercards();
});
</script>
 
Ganti huruf yang berwarna merah dengan class yang sesuai. Jika anda menggunakan Basic Minima, maka kotak komentar memiliki class .comment-body. Jika tidak yakin dan anda menginginkan semua konten dalam body diconvert menjadi link maka gantilah denganbody.
 
5. Kesimpulan
Cara ini sangat mudah dilakukan dan cukup efektif untk menambah interaktivitas pada kotak komentar. Tetapi yang perlu diperhatikan adalah, jika kita menuliskan username yang salah maka link yang dihasilkan menjadi tidak relevan. Misalnya saya menuliskan @HeriantodotFajaryang menghasilkan link menuju http://twitter.com/HeriantodotFajar. Tetapi jika saya menuliskan@HeriantoFajar, maka link yang dihasilkan adalah http://twitter.com/HeriantoFajar yang berarti salah sasaran.


Selain kedua fitur di atas, terdapat jga fitur-fitur seperti
  • Follobutton
  • Tweet Box
  • Twitter Connenct
Untuk lebih jelasnya tentang cara penggunaannya dapat mengunjungi:http://net.tutsplus.com

Posting Komentar

Fajar Herianto

{facebook#https://www.facebook.com/fajarcintalia} {twitter#https://twitter.com/HeriantoFajar} {google-plus#https://plus.google.com/u/0/118173459679605761698/posts} {youtube#https://www.youtube.com/user/aplikasiterunik} {instagram#https://www.instagram.com/aplikasiterunik/}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget