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)
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
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
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'/>Keterangan:
<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&v=1'/>
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..!!
Tidak ada komentar:
Posting Komentar