Kali ini saya mau berbagi mengenai cara membuat komentar blog , twitter , dan facebook secara berdampingan . Dengan demikian pengunjung anda yang tidak memiliki akun blog bisa berkomentar melalu facebook atau twitter . Pengunjung anda akan semakin termudahkan untuk berkomentar pada blog anda . Cara membuat komentar blog , twitter , dan facebook ini juga baru saya ketahui karena biasanya hanya membuat komentar facebook dan blog saja .
Untuk membuatnya,silahkan siapkan beberapa persiapan sebagai berikut :
1. Siapkan Profil ID facebook anda
Profil ID facebook ini adalah sebagai ID untuk Admin dalam form komentar facebook . Contohnya adalah sperti "https://www.facebook.com/raka004" maka Profil IDnya adalah raka004
2. Siapkan App ID facebook anda
App ID facebook ini adalah untuk sebagai autentifikasi aplikasi agar bisa akses facebook anda . App ID facebook ini bisa anda lihat disini
3. Siapkan pula Api Key Twitter anda
Api Key ini sama dengan App ID . Untuk mendapatkan App Key Twitter ini,silahkan lihat disini
Jika bahan diatas sudah siap silahkan ikuti langkah langkah berikut :
1. Buka akun blog anda dan masuk pada bagian Template . Untuk sebelumnya silahkan download terlebih dahulu template anda agar jika ada kesalahan bisa diperbaiki .
2. Copy dan paste kode dibawah ini tepat pada bawah kode <head> . Untuk memudahkan pencarian silahkan gunakan Ctrl + F
3. Lalu silahkan cari class='comments' atau <div class='comments' id='comments'> . Jika anda menemukan <div class='comments' id='comments'> sebanyak dua kali,silahkan paste kode dibawah ini pada salah satunya atau keduanya .
<meta content='Profile_ID' property='fb:admins'/>
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_Key&v=1'/>
Perhatikan kode yang berwarna merah !!<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'><data:post.numComments/> Comments</div><div class='comments-tab' id='twitter-comments' title='Comments with Twitter'><span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets</div><div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'><fb:comments-count expr:href='data:post.url'/> Komentar</div><div class='clear'/></div><div class='comments-page' id='twitter-comments-page'><div id='js-tweet-box'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='10' width='400'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
4. Setelah itu silahkan simpan dan lihat hasilnya .
Sekian informasi untuk saat ini,semoga bermanfaat dan membantu anda . Jika ada yang kesusahan dalam membuatnya,silahkan berkomentar dibawah ini . Sekian dan terima kasih
Semoga sukses dan berhasil .
