Ad 468 X 60

Senin, Mei 20, 2013

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

Get Free Email Updates Daily!

4 komentar:

  1. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000
    Ready Stock ! BlackBerry Curve 9360 Apollo Rp.950.000,-

    BalasHapus