Cara Membuat Komentar Blog, Facebook, dan Twitter Berdampingan



Cara Membuat Komentar Blog Facebook Twitter Berdampingan - Sahabat blogger, pada pembahasan yang lalau bang dadan pernah membuat artikel tentang cara membuat recent comment avatar di blog, nah untuk pembahasan kali ini bang dadan akan coba membuat artikel tentang Cara Membuat Komentar Blog Facebook Twitter Berdampingan.

Terkadang pengunjung yang datang ke blog kita tidak semuanya mempunyai akun blog. dan kalau mereka ingin berkomentar di blog kita mungkin akan kesulitan bila tidak mempunyai gmail, namun mereka pasti mempunyai salah  satu akun baik di Facebook atau  di Twitter, oleh karena itu mereka bisa berkomentar melaui situs jejaring sosial tersebut.

Sahabat blogger, mungkin tutorial seperti ini mungkin sudah banyak di share oleh sahabat blogger yang lain, namun bang dadan coba share kembali siapa tahu aja ada para pengunjung blog cbd yang belum tahu caranya. dan bagi sobat yang ingin meliihat DEMO nya silahkan lihat saja pada kotak komentar dibawah blog ini.

Kotak Komentar Blog Facebook Twitter Berdampingan

Oke kalau begitu kita langsung saja pada tahap pembahasan:

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 ID di atas silahkan ikuti langkahnya dibawah ini:
1. Profile_ID adalah ID account facebook kamu contohnya punya saya "http://www.facebook.com/dadan.dr" jadi Profile_ID saya adalah "dadan.dr"

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

Nah jika semua sudah siap, mari kita mulai bahas cara pemasangan nya pada blog

Cara Pemasangan Pada Blog

1. Silahkan masuk ke akun Blog
2. Masuk ke dasbor/rancangan
3. Pilih Template kemudian Klik Edit HTML
*Jangan lupa centang expand template widgate
*Alangkah baiknya jika soba backup template terlebih dahulu, untuk berjaga-jaga.
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.

5. Masih di Edit HTML, Kemudian sobat cari lagi kode berikut class='comments' biasanya terdapat 2 kode tersebut, kalau sudah ketemu copy kode berikut ini dan simpan 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'>

6. Klik simpan template
7. Selesai

Nah, mungkin cm itu pembahasan kita kali ini tentang Cara Membuat Komentar Blog Facebook Twitter Berdampingan. apabila sobat masih belum paham, silahkan tinggalkan pertanyaan sobat pada kotak komentar dibawah.
Akhir kata bang dadan ucapkan, selamat mencoba dan semoga sukses..!!
Labels: blogger tutorial, template hack, tips trick

Thanks for reading Cara Membuat Komentar Blog, Facebook, dan Twitter Berdampingan. Please share...!

34 Comments on Cara Membuat Komentar Blog, Facebook, dan Twitter Berdampingan

  1. Wah ini yang saya cari mudah2n bisa diterapkan di www.filmmediafire.com

    Salam Blogger

    ReplyDelete
  2. Replies
    1. Maaf baru bls sob, kemarin2 saya lg sibuk di luar..
      Silahkan di coba sob, semoga berhasil..!!

      Delete
  3. matur suwun sanget / terima kasih banyak....!
    sudah saya terapkan dan 100% berhasil tanpa ada sedikitpun kesalahan.

    monggo mampir di blog perdana kami

    http://crew-sesat.blogspot.com/

    ReplyDelete
    Replies
    1. Terimakasih jg kaan telah berkunjung di blog ini, dan selamat apabila tutorial ini bisa diterapkan di blog sobat, dan mudah2 bermanfaat jg buat para seluruh blogger.. \m/

      Delete
  4. gan, yg kotak komentar yang dari twitter nya kok ngga ada ?

    ReplyDelete
  5. Gan, kok punya ane kolom twitter nya gak nongol? coba dicek gan.. www.belitungku.com

    ReplyDelete
  6. gan ko kotak komentar twitternya ko gx nongol

    ReplyDelete
  7. All coba di ulang lagi dr awal, dan saya jg akan coba cek lg html nya.

    ReplyDelete
  8. wowww. .
    thanks infonya sobb . .
    mampir di http://onessfee.blogspot.com yaa

    ReplyDelete
  9. saya berhasilllllllllllllllllllllllll

    http://onessfee.blogspot.com

    ReplyDelete
  10. om kotak koment yg twitter koq ga ada ya,dah belulang2kali q coba,,,, koq msih ga ada
    http://vimax-shop.blogspot.com/

    ReplyDelete
    Replies
    1. Barangkali ada yg kelewat, coba ulangi lg dan teliti memasang'y ya??

      Delete
  11. This comment has been removed by the author.

    ReplyDelete
  12. klo ada orang yang yg koment di blooger
    kox komentar facebook hilang gan ?

    ReplyDelete
    Replies
    1. Masa hilang gan?? tinggal klik lagi aja komen fb'y nanti bakal ada komentar yg di fb. atau telah dihapus oleh yg punya akun fb tsb gan.

      Delete
  13. mantab gan.. senang bisa berkunjung kesini, semoga bermanfaat .salam kenal, kunjungan baliknya ditunggu
    www.produsensusukambingbubuk.com
    www.produsensusukambing.com
    www.sarimaduutama.web.id
    www.globalmandirisejahtera.web.id

    Info: Kami Pusat pabrik susu kambing etawa bubuk organik berkualitas, ( Supplier terbesar dan terperaya di indonesia ) Peluang usaha bagi anda yang memiliki bakat didunia Bisnis marketing untuk menjadi mitra distributor susu kambing etawa di kota anda,

    ReplyDelete
  14. mantep gan,... kunjungan malam, follow back http://www.idwebcostumer.com/

    ReplyDelete
  15. mantap gan, di blog ane kook gak bsa ya ?

    ReplyDelete
  16. Anda juga bisa lihat di sini
    Alquran terjemah dengan tajwid blok warna alquranku
    Antony 081331828237
    alquranku
    plafon rumah

    Thx

    ReplyDelete
  17. gan kok gagal mulu ya? masih berlaku kan tutorialnya??
    thanks..

    cprasetiyo.blogspot.com

    ReplyDelete
  18. All@ Utk twitter gak bisa muncul, JS Hostingnya rusak. dan saya lupa lg email sm pasword utk masuk JS Hosting itu.

    ReplyDelete

Back To Top