Breaking News
Loading...
March 7, 2013

Cara Membuat Komentar Facebook, Blogger Dan Twitter Berdampingan

6:30 AM

Cara Membuat Komentar Facebook, Blogger Dan Twitter Berdampingan
Cara Membuat Komentar Facebook, Blog Dan Twitter Berdampingan - Pada postingan sebelumnya pernah juga saya bahas mengenai cara membuat komentar facebook dan blog berdampingan, nah kali ini tutorialnya lebih lengkap lagi dengan penambahan kotak komentar twitter, jadi semuanya ada 3 kotak komentar yang dipasang di blog yaitu komentar blogger, facebook dan twitter saling berdampingan di blog. Untuk anda yang ingin memasang komentar blogger, facebook dan twitter berdampingan di blog kesayangan anda, silahkan simak tutorialnya dibawah ini.

Cara Membuat Komentar Facebook, Blogger Dan Twitter Berdampingan

Supaya komentar blog, facebook, twitter bisa muncul diatas form komentar blogger, syarat utamanya harus memiliki : APP ID Facebook (kunjungi https://developers.facebook.com/apps), Profil ID Facebook (gunakan username pada facebook) dan API Key Twitter (silahkan kunjungi https://dev.twitter.com/apps/new). Nah setelah ke 3 syarat diatas sudah anda dapat, selanjutnya menuju ke langkah dibawah ini.

Cara membuat dan memasang komentar facebook, blog dan twitter   
1. Login ke blogger.com
2. Pilih Templates
3. Pilih Edit HTML
4. Centang kotak kecil didekat Expand Template Widget
5. Tekan F3, cari kode <head> dan letakkan kode berikut 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'/>

Keterangan :
Untuk teks yang saya tandai dengan warna merah, silahkan anda masukkan Profile ID Facebook, APP ID Facebook dan API Key Twitter anda.

6. Lalu cari kode <div class='comments' id='comments'> dan letakkan kode berikut dibawahnya

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Blogger
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Twitter
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments with Facebook'>
<fb:comments-count expr:href='data:post.url'/> Facebook
</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'> 

7. Simpan Template

Keterangan :
1. Angka 10 merupakan jumlah komentar
2. Angka 400 merupakan lebar kotak komentar
3. Ganti tulisan Blogger, Twitter, Facebook dengan selera anda

Demikianlah tutorial blog mengenai Cara Membuat Komentar Facebook, Blogger Dan Twitter Berdampingan, semoga bermanfaat dan semoga anda berhasil menerapkan di blog anda.

Cara Membuat Komentar Facebook, Blogger Dan Twitter Berdampingan
Share:

0 comments:

Post a Comment

 
Toggle Footer