Cara menambahkan Kotak Komentar Twitter dan Facebook di Blog

Pada kesempatan ini saya akan berbagi tutorial Cara Menambahkan kotak komentar facebook dan Twitter di Blog dan Sebelumnya saya juga sudah pernah berbagi artikel tentang "Cara Menambahkan Kotak Komentar Facebook di Samping Komentar Blog" untuk melengkapinya saya juga akan berbagi cara menambahkan kotak komentar twitter yang berdampingan dengan kotak komentar facebook dan blog.

Sebelum masuk ke Tutorial silahkan anda sediakan dulu perlengkapan berikut ini :
1. ID APP facebook ( bagi yang belum punya silahkan buat dulu, klik disini lalu lihat di bagian bawah artikel sudah ada panduan cara membuat ID APP facebook )
2. ID Facebook anda, untuk melihat ID facebook caranya tinggal masuk ke profil facebook kemudian lihat di bagian address bar terdapat url seperti ini https://www.facebook.com/yangyang.perdianto terkadang juga seperti ini https://www.facebook.com/1111345788904 ,yang berwarna merah adalah ID facebook.
3. API_KEY twitter , untuk membuatnya silahkan klik disini..

Jika semua perlengkapan di atas sudah siap kita langsung praktek saja.
1. login di blogger[dot]com >> template >> edit Html
2. klik centang pada "Expand Template Widget"
3. cari kode <head> , untuk mempermudah pencarian gunakan
Ctrl+F
4. copy dan pastekan kode di bawah ini di atas <head>

 <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'/>

keterangan : perhatikan kode di atas.. ganti Profile ID dengan ID facebook anda, ganti APP_ID dengan ID APP yang anda buat, Ganti API_KEY dengan API_KEY twitter yang anda buat.

5. cari kode <div class='comments' id='comments'>, jika di temukan dua silahkan pasang kode di bwah ini tepat di bawah kedua kode tersebut.

 <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='500'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

keterangan : perhatikan kode di atas .. angka 10 dalam kode adalah jumlah komentar yang tampil dan bisa anda ganti, angka 500 adalah lebar kotak komentar dan bisa anda ganti, kata Comments dan Tweets juga bisa anda ganti sesuai keinginan.

6. terakhir klik simpan template dan lihat hasilnya.

Jika Berhasil maka tampilannya seperti gambar di bawah ini.

Agar setiap ada orang yang berkomentar anda mendapat pemberitahuan di facebook maka anda harus mengatur moderatornya, perhatikan gambar di atas klik tulisan settings maka akan muncul tampilan seperti gambar di bawah ini.

pada bagian moderators silahkan di isi dengan facebook anda lalu klik save dan selesai, semoga artikel ini bermanfaat.

Senin, 11 Februari 2013

Cara menambahkan Kotak Komentar Twitter dan Facebook di Blog

Creatif By : Unknown Sekedar Peringatan ..

Tidak Ada Komentar Pada Artikel » Cara menambahkan Kotak Komentar Twitter dan Facebook di Blog

Posting Komentar

Entri Populer