Saturday, January 6, 2018

Cara Mudah Membuat Komentar Blog Facebook dan Twitter Berdampingan

Cara Mudah Membuat Komentar Blog Facebook dan Twitter Berdampingan




  Pada kesempatan ini saya ingin membagikan Tutorial Memasang Komentar Blog, Twitter, dan Facebook Saling Berdampingan - Untuk memudahkan para pengunjung blog yang mungkin ingin bekomentar namun tidak memiliki akun blogger atau akun Google +, tapi mungkin memiliki akun lain seperti Facebook ataupun Twitter, karna kebanyakan orang pasti memiliki kedua akun tersebut meskipun tidak semuanya.
 Baiklah untuk mempercepat waktu langsung saja kita mulai tutorialnya.

Sebelum cara ini diterapkan pada blog anda, anda harus terlebih dahulu mempunyai tiga ID sebagai berikut:
  • PROFIL ID (Facebook)
  • APP ID (Facebook)
  • API Key (Twitter)
Kalau belum mempunyai atau belum mengetahui ID di atas silahkan ikuti langkah-langkah dibawah ini:
1. Profile ID adalah ID account facebook anda contohnya punya saya "http://www.facebook.com/angghata" jadi Profile_ID saya adalah "angghata"

2. APP ID adalah ID dari aplikasi yang akan digunakan untuk kotak komentar facebook, jika belum punya silahkan buat Disini
3. API Key adalah ID dari aplikasi yang akan digunakan untuk kotak komentar twitter, jika belum punya silahkan buat Disini 
Jika semua sudah siap, langsung saja cara pemasangan nya pada blog, berikut caranya :

1. Silahkan masuk ke akun Blogger
2. Masuk ke dasbor/rancangan
3. Pilih Template kemudian Klik Edit HTML
*Jangan lupa centang expand template widgate
*Alangkah baiknya jika anda 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 anda masing-masing tadi. sesuai panduan diatas.

5. Masih di Edit HTML, Kemudian 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


6. Klik Pratinjau untuk melihat hasilnya
7. Klik Simpan
8. Selesai

Mungkin Sekian dulu Cara Membuat Komentar Blog Facebook dan Twitter Berdampingan. Jika ada yang ingin ditanyakan, silahkan tinggalkan komentar anda pada kotak komentar dibawah.
Selamat mencoba, semoga sukses..!!




go to link download
download
alternative link download
Posted by at

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Subscribe to: Post Comments (Atom)