SEDERET INFO-INFO

MEMBERIKAN INFORMASI TERUNIK, TERPERCAYA, TERDEPAN (2019 ANTI HOAX)

7 April 2013

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


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  
:)>-
;))

3 komentar

Bismillah.. Mau yoba dulu :) Moga berhasil...

visit back

http://3defit.blogspot.com/

kok komentar twitternya gak bisa diklik....

Jangan Berbicara yang tidak mengandung inti artikel..
- Berbicaralah yang baik
- Apalagi kalau anda hanya mencari BACKLINK

www.lihatin.com. Diberdayakan oleh Blogger.
Back To Top