-->
» » » » Cara Membuat Komentar Blog, Facebook, dan Twitter Berdampingan

Cara Membuat Komentar Blog, Facebook, dan Twitter Berdampingan

on


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...!

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

  1. Dadan DRJanuary 22, 2013 at 4:37 PM

    Test Comment..

    ReplyDelete
  2. UnknownJanuary 23, 2013 at 12:49 AM

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

    Salam Blogger

    ReplyDelete
  3. UnknownFebruary 5, 2013 at 2:38 PM

    ijin nyoba gan,,

    ReplyDelete
    Replies
    1. Dadan DRFebruary 9, 2013 at 10:43 AM

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

      Delete
  4. AnonymousFebruary 6, 2013 at 2:48 PM

    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. Dadan DRFebruary 9, 2013 at 10:44 AM

      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
  5. Bang KurMarch 7, 2013 at 11:52 AM

    Sip gan

    ReplyDelete
  6. YoelApril 18, 2013 at 10:59 AM

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

    ReplyDelete
  7. Belitungku.NETApril 21, 2013 at 3:45 PM

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

    ReplyDelete
  8. UnknownApril 29, 2013 at 10:22 PM

    punya ane kok error gan...

    ReplyDelete
  9. miftahshidiqMay 20, 2013 at 5:15 PM

    gan ko kotak komentar twitternya ko gx nongol

    ReplyDelete
  10. Dadan DRMay 23, 2013 at 1:26 PM

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

    ReplyDelete
  11. tMay 25, 2013 at 2:06 AM

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

    ReplyDelete
  12. tMay 25, 2013 at 2:06 AM

    saya berhasilllllllllllllllllllllllll

    http://onessfee.blogspot.com

    ReplyDelete
  13. Bandi ShippudenMay 26, 2013 at 10:14 PM

    Sya juga gan yg twetter gk nongol kotak komentarnya ...

    ReplyDelete
  14. UnknownMay 29, 2013 at 1:40 AM

    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. Dadan DRMay 29, 2013 at 6:42 PM

      Barangkali ada yg kelewat, coba ulangi lg dan teliti memasang'y ya??

      Delete
  15. UnknownJune 8, 2013 at 8:20 PM

    This comment has been removed by the author.

    ReplyDelete
  16. UnknownJune 8, 2013 at 8:21 PM

    ijin coba

    ReplyDelete
  17. UnknownJune 9, 2013 at 1:38 AM

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

    ReplyDelete
    Replies
    1. Dadan DRJuly 5, 2013 at 12:48 PM

      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
  18. Dadan DRJuly 5, 2013 at 12:49 PM

    0:) 0:)

    ReplyDelete
  19. UnknownAugust 10, 2013 at 7:16 PM

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

    ReplyDelete
  20. UnknownSeptember 22, 2013 at 1:58 PM

    mantap gan, di blog ane kook gak bsa ya ?

    ReplyDelete
  21. Cahyo PrasetiyoDecember 18, 2013 at 7:54 AM

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

    cprasetiyo.blogspot.com

    ReplyDelete
  22. Dadan RaharjaJanuary 29, 2014 at 8:32 PM

    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