Agar blog lebih interaktif dengan
pengunjung yang umumnya memiliki akun facebook, kita bisa memanfaatkan
beberapa plugin dari facebook untuk dipasang di blog, dan pada artikel
saya kali ini saya menuliskan cara membuat kotak komentar facebook pada blog.
Facebook.com telah
menyediakan beberapa aplikasi kecil yang dapat dipasang di website dan
blog diantaranya yaitu: plugin like button, plugin activity feed, plugin
recommendations, plugin like box, plugin login button, plugin facepile,
plugin live stream, dan plugin comments,
Beberapa aplikasi tersebut sering dipasang di blog atau website . Pada artikel ini saya menuliskan cara membuat kotak komentar facebook pada blog dengan plugin comments, dan live stream.
Beberapa aplikasi tersebut sering dipasang di blog atau website . Pada artikel ini saya menuliskan cara membuat kotak komentar facebook pada blog dengan plugin comments, dan live stream.
Plugin Live Stream.
Plugin live stream memungkinkan pengunjung blog anda berbagi aktivitas dan komentar secara real time. Live Streaming sangat bagus bila anda menjalankan acara real-time, seperti video live streaming untuk konser, pidato, atau webcast, chatting. Anda juga bisa memasangnya di blog sebagai alternatif lain dari pemanfaatan plugin facebook untuk kepentingan interaktif dengan pengunjung blog atau situs web anda.
Kotak Komentar facebook.
Kotak komentat facebook memungkinkan pengunjung website atau blog anda untuk memberikan komentar pada konten situs anda - apakah itu untuk halaman web anda, artikel, foto, atau bagian lain dari isi blog. Pengunjung dapat secara langsung mengirimkan komentar tersebut ke dinding facebook dan dibagikan ke teman-teman mereka.
Untuk mengelola kotak komentar, anda harus terdaftar sebagai pengembang pada aplikasi yang digunakan untuk menginisialisasi SDK JavaScript. Sebuah link 'Administer comments' akan muncul di bawah tombol 'Posting' untuk pengembang aplikasi.
Untuk memasang plugin comments kunjungi http://developers.facebook.com/docs/reference/plugins/comments/
Tulis Unique ID aplikasi pada kotak isian, untuk memperoleh Unique ID kunjungi http://developers.facebook.com/setup.
Ketik nama yang anda kehendaki pada kotak isian nama situs, pada kotak isian URL situs ketik url situs anda misal: http://www.informasibisnis.net/, pada Lokasi pilih Bahasa Indonesia, kemudian klik tombol create app.
Selanjutnya facebook akan melakukan verifikasi akun facebook anda dengan meminta nomor handphone anda, pihak facebook akan mengirimkan kode verifikasi melalui sms, Untuk konfirmasi anda diminta memasukkan kode verifikasi tersebut, bila kode yang anda masukkan benar maka anda akan segera mendapatkan Unique ID untuk aplikasi comment tersebut.
Selanjutnya anda kembali ke http://developers.facebook.com/docs/reference/plugins/comments/. Tulislah kotak isian Unique ID, tulis Number of comments dengan jumlah komentar yang hendak anda tampilkan, width adalah lebar kolom yang anda kehendaki misal 400, tandai tombol publish feed, klik tombol Get code,
lalu copy code yang ada di kotak, kemudian masuk ke akun blogger, klik
design, Edit HTML, klik button expand widget template dan letakkan kode
tersebut tepat dibawah kode ini : <data:post.body/> Tulis Unique ID aplikasi pada kotak isian, untuk memperoleh Unique ID kunjungi http://developers.facebook.com/setup.
Ketik nama yang anda kehendaki pada kotak isian nama situs, pada kotak isian URL situs ketik url situs anda misal: http://www.informasibisnis.net/, pada Lokasi pilih Bahasa Indonesia, kemudian klik tombol create app.
Selanjutnya facebook akan melakukan verifikasi akun facebook anda dengan meminta nomor handphone anda, pihak facebook akan mengirimkan kode verifikasi melalui sms, Untuk konfirmasi anda diminta memasukkan kode verifikasi tersebut, bila kode yang anda masukkan benar maka anda akan segera mendapatkan Unique ID untuk aplikasi comment tersebut.
Kotak komentar facebook akan terletak tepat dibawah baris akhir artikel posting anda.
Bila anda hendak meletakkan kotak comment di sidebar blog anda, kembali ke dashboard blogger, klik page element. klik add gadget, pilih html/javaScript, dan paste code tersebut, klik save. Untuk mempermudah anda mencari letak kode gadget di html blog beri judul untuk gadget tersebut. Pada contoh gadget tersebut saya beri judul "Komentar facebook"
Anda kunjungi blog anda, bila aplikasi (gadget) comment tersebut tidak tampil di sidebar, edit kode html blog anda, jangan lupa mengklik button expand widget template dan cari rangkaian kode html untuk gadget comment tersebut, contoh pada blog ini adalah baris kode berikut:
<div class='clear'/>
<div id='sidebarbottom'>
<b:section class='sidebar' id='sidebar3' preferred='yes'>
<b:widget id='HTML12' locked='false' title=' komentar facebook' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
Ganti kode yang berwarna merah dengan kode comment facebook yang anda dapatkan tadi.
Unique Id yang anda isikan pada plugin comments dapat juga anda gunakan untuk unique ID Plugin live stream. Cara memasang kotak live stream sama dengan cara memasang kotak komentar facebook, hanya saja alamat yang harus anda kunjungi adalah http://developers.facebook.com/docs/reference/plugins/live-stream/ .
NB:
Kotak komentar facebook yang
saya tulis di artikel ini adalah kotak komentar yang khusus untuk
pengguna facebooker. Agar semua pengunjung yang memiliki akun online
apapun bisa memberikan komentar saya telah menerbitkan artikel terbaru
yang berjudul "cara supaya semua pengunjung bisa memberikan komentar." 
0 komentar:
Posting Komentar