Cara Menyatukan Komentar Facebook, Twitter, Blog


Cara membuat kotak komentar Facebook , Twitter dan Blog

http://tutorial-lampung.blogspot.com


Langsung z sob ke Cara membuat kotak komentar Facebook , Twitter dan Blog, ikuti langkah mudah ini tapi harus teliti, cepat tepat kunci keberhasilan, ingat salah tanda baca, spasi bisa gagal, harus benar2 teliti ya sob

Sebelum membuat kotak komentar Facebook , Twitter dan Blog, saudara harus mempunyai

1.       Profile_ID (facebook)
2.       APP_ID (facebook)
3.       API_Key (twitter)

Yang belum mempunyai material di atas silahkan baca di bawah ini.
1.        Profile_ID  facebook / Fans Page kamu, contoh  

2.    APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, Buat Disini

3.       APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, Buat Disini

Bila Semua Sudah Disiapkan, Kita cau ke langkah berikutnya :

1. Masuk ke akun blogger .
    Ingat , jangan lupa backup terlebi dahulu template blog kamu,  kemudian ke Rancangan > Edit   
    HTML > Centang   terlebih dahulu 'Expand Template Widget'

2. Masukan script di bawah ini tepat di bawah kode <head> . Agar cepat ketemu  tekan Tombol Ctrl + F

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

3. Masuk kanProfile_ID kamu , APP_ID facebook kamu dan API_Key twitter kamu , ke dalam Script warna merah

4.  Masuk kan Script di bawah ini tepat di code class='comments'
<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='10' width='400'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

5. Amati kode yang berwarna BIRU
     -      Comments Tweets dan Komentar dapat di ganti sesuka hati kita , karena ini adalah judul dari kotak komentar  
     -      Angka 10 menrupakan jumlah komentar yang di tampilkan , dapat anda rubah
-          Angka  400 adalah lebar dari kotak komentar , bisa anda rubah juga.

6. Simpan template blog anda , dan lihat hasilnya , mudah-mudahan sukses ya.

Catatan :
            1. Yang dimaksud dengan API_Key = konsumen kunci, dan konsumen kunci yg dipakai adalah  
                 konsumen kunci yg di  dapat setelah kita membuat tanda tangan OAuth.
            2.OAuth hanya bias di dapat setelah anda membuat konsumenkunci




No comments:

Post a Comment