Cara Menggabungkan 3 Kotak Komentar Blogger, Facebook dan Twitter

Sebelum mulai untuk membuat tutorial ini sobat perlu untuk menyiapkan beberapa hal :
  • Profile_ID (facebook) adalah Profile_ID   facebook Anda.
  • APP_ID (facebook) adalah Profile_ID dari Fans Page Anda.
  • API_Key atau Consumer Key (twitter) adalah ID dari aplikasi twitter - Buat Disini .
Setelah selesai membuat API_KEy twitter supaya untuk jangan menutup hasil dari yang telah dibuat sebelumnya, Langkah selanjutnya adalah : Masuk Blog - Template - Edit HTML - Cari Code <head> .Setelah ketemu letakan code dibawah ini tepat dibawahnya :
<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&amp;v=1'/>
 Ganti Profile_ID dengan ID facebook anda, ganti APP_ID dengan aplikasi Facebook fan page anda, dan  ganti API_KEY dengan Consume Key yang tadi telah anda buat di Aplikasi Twitter.

Selanjutnya cari code class='comments' 
letakan code dibawah ini tepat dibawah 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 == &quot;item&quot;'>
 <div id='fb-root'/>
 <fb:comments expr:href='data:post.url' num_posts='20' width='500'/>
 </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
 Note untk code berwarna merah silahka anda ganti dengan keinginan anda sendiri tergantung daya tarik sobat sendiri..

Sumber : http://mas-andes.blogspot.com

0 Komentar