Membuat kotak komentar Facebook Versi 1

TIPS OGAH - Ini adalah tutorial memberi komentar facebook, twitter dan blogger yang menyertakan ketiganya sekaligus, dengan menu tab ketiga rangkaian komentar tersebut, anda bisa lihat gambarnya di bawah.

Demo

ikuti langkah ini ya bro:

1. Login blogger, pilih menu Template >>>> Edit Html

2. oya jangan lupa templatenya [BACKUP YAA] kemudian cari kode [CTRL=F] </head> 

3. Setelah ketemu, tempatkan kode dibawah ini tepat di atasnya.

<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
* Ganti Profile_ID dengan ID profile facebook milik kalian.
* Ganti APP_ID dengan ID Aplikasi facebook milik kalian.
* Ganti API_KEY dengan ID Aplikasi twitter milik kalian.

Catatan: 
Karena terjadi sedikit kesalahan, ganti kode di bawah ini
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&v=1'/>

Ganti dengan kode ini
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>

4. Langkah selanjutnya cari kode <div class='post-footer-line post-footer-line-3'/> atau yang menyerupainya. Gunakan Fungsi CTRL+F untuk memudahkan pencarian

5. Setelah ketemu kodenya, masukkan kode dibawah ini tepat dibawahnya,

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

Keterangan
1. Angka 10 adalah jumlah komentar yang akan ditampilkan
2. Angka 400 adalah lebar kotak komentar

6. Save dan lihat hasilnya ya  :D
 
Semoga bermanfaat ya Bro jangan lupa tinggalkan komentar :)