Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Info bloger

Cara membuat Comentar 3 jadi satu (Facebook, Blogger, Twitter)

DiTulis Oleh bgs 2 komentar

Kotak Komentar Blog Facebook Twitter Berdampingan

Cara Membuat Komentar Blog, Facebook, dan Twitter Berdampingan
Sebelum Sobat Menerapkannya Pada Blog Sobat, Terlebih Dahulu Sobat Harus Mempunyai "Tiga ID" Sebagai Berikut : 
  • PROFIL_ID (Facebook)
  • APP_ID (Facebook)
  • API_Key (Twitter)
Kalau Sobat Belum Mempunyai Atau Belum Mengetahui Ketiga ID Diatas, Silahkan Ikuti Langkahnya Dibawah ini :
  
1. Profile_ID adalah ID account facebook kamu contohnya punya saya "http://www.facebook.com/24353673849" jadi Profile_ID saya adalah "24353673849"

2. APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, yang belum punya silahkan buat disini

3. APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, yang belum punya silahkan buat disini

Cara Pemasangan Pada Blog
1. Silahkan Masuk Ke Akun Blog
2. Masuk Ke Dashboard/Rancangan
3. Pilih Template Kemudian Klik Edit HTML (Backup Template Dulu & Expand Template Widget Di Checklist)
4. Cari Kode <head> Kemudian Copy Kode Berikut Ini Dan Taruh Dibawah Tag <head>

Berikut Kodenya : 
<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://codecbd.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://codecbd.googlecode.com/files/TweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_Key&amp;v=1'/>

Keterangan : 
Silahkan Ganti Tulisan Yang Berwarna Biru Dengan Data ID Sobat Masing-Masing. Sesuai Panduan Diatas Tadi.

5. Kemudian Cari Kode class='comments' (Biasanya Ada 2 Kode, Kalau Ketemu Copy Kode Berikut Ini Dan Taruh Dibawah Kedua Tag class='comments'

Berikut Kodenya : 
<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='500'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Keterangan : 

- Ganti Tulisan Warna Hijau Dengan Tulisan Yang Sobat Inginkan
- Ganti Tulisan Warna Kuning Dengan Komentar Yang Akan Ditampilkan & Lebar Komentar

6. Klik Simpan Template....

 Admin nggak minta banyak pada kalian cuma minta comentnya aja  
:)>-
;))

2 komentar untuk "Cara membuat Comentar 3 jadi satu (Facebook, Blogger, Twitter)"


- Berbicaralah yang baik