Installasi Twitter @Anywhere Pada Kotak Komentar
Tempat Blogging 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 memalsukan 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.
Tempat Blogging
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, alasannya ialah sanggup menambah suasana kotak komentar menjadi lebih hidup dan interaktif.
Tempat Blogging
Untuk lebih jelas, sanggup dilihat pada demo page disini.
Tempat Blogging
Berikut ini ialah langkah-langkah installasi Twitter @Anywhere:
Tempat Blogging
1. Masuk di @Anywhere
Tempat Blogging
Tempat Blogging
2. Daftarkan Aplikasi
Tempat Blogging Isikan segala info yang dibutuhkan. (Hal ini sangat gampang dan tidak perlu klarifikasi lebih)
Tempat Blogging
Tempat Blogging 3. Dapatkan API key.
Tempat Blogging
4. Installasi
Setelah mengetahui API key, hal yang perlu dilakukan ialah dengan menambahkan JavaScript berikut ini sebelum </head>
Tempat Blogging
<script src="http://platform.twitter.com/anywhere.js?id=APIKey" type="text/javascript"></script>
Tempat Blogging
Gantilah APIKey dengan API Key anda.
Tempat Blogging
Beberapa fitur yang sanggup dipakai adalah:
Tempat Blogging
a. LinkifyUser
Tempat Blogging Script akan mengubah semua konten yang diawali dengan “at” simbol menjadi link akun twitter.
Tempat Blogging
Tempat Blogging b. Hovercards
Tempat Blogging Membuat link memunculkan tooltip yang berisi info ihwal akun twitter.
Tempat Blogging
Untuk melakukannya letakkan javascript berikut ini:
Tempat Blogging
<script>
twttr.anywhere(function(twitter) {
twitter(".comment-body").linkifyUsers();
twitter.hovercards();
});
</script>
Tempat Blogging
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.
Tempat Blogging
5. Kesimpulan
Tempat Blogging Cara ini sangat gampang dilakukan dan cukup efektif untk menambah interaktivitas pada kotak komentar. Tetapi yang perlu diperhatikan adalah, kalau 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 kalau 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
Tempat Blogging Untuk lebih jelasnya ihwal cara penggunaannya sanggup mengunjungi: http://net.tutsplus.com
Tempat Blogging Profile Penulis:
ArdianZzZ ialah Seorang blogger biasa tetapi bukan blogger yang biasa-biasa saja. Sangat antusias dengan webdesain terutama pada Typography, CSS dan JavaScript.
0 Response to "Installasi Twitter @Anywhere Pada Kotak Komentar"
Post a Comment
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
Klik subscribe by email agar Anda segera tahu balasan komentar Anda