Kalau pada postingan sebelumnya saya pernah share tentang cara membuat komentar facebook dan blogger saling berdampingan, nah pada tutorial kali ini kotak komentar akan ditambah 1 lagi dengan form komentar twitter. Jadi sekarang ada 3 kotak kotak komentar yaitu komentar blogger, komentar facebook dan komentar twitter dan letaknya saling berdampingan seperti terlihat pada gambar dibawah ini.
Anda pasti punya akun facebook dan akun twitter. Kalau anda belum punya akun twitter silahkan buat dulu di Twitter.com karena tanpa mempunyai akun twitter maka tidak akan mengetahui API Key Twitter. Kalau anda sudah mempunyai akun twitter untuk mendapatkan API Key Twitter, silahkan kunjungi
https://dev.twitter.com/apps/new.
Untuk anda yang ingin mengetahui dan membuat APP ID Facebook, silahkan anda kunjungi
https://developers.facebook.com/apps, atau lebih detailnya anda dapat klik link ini : cara membuat Apps ID Facebook.Cara membuat komentar facebook, twitter dan blogger berdampingan
1. Login ke blogger.com
2. Pilih Templates => Edit HTML
3. Tekan Ctrl+F, cari kode
<head> dan letakkan kode berikut dibawahnya<meta content='Profile_ID Facebok' property='fb:admins'/> <meta content='APP_ID Facebook' property='fb:app_id'/> <script src='http://code.jquery.com/jquery-latest.pack.js'/> <script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/> <script src='http://platform.twitter.com/anywhere.js?id=API_Key&v=1'/>
Keterangan :
1. Ganti Profile ID Facebook dengan usernama profil facebook anda
2. Ganti APP ID Facebook dengan nomer Id facebok anda
3. Ganti API Key Twitter dengan API Key twitter anda.
6. Lalu cari kode
<div class='comments' id='comments'> dan letakkan kode berikut dibawahnya<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Blogger</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Twitter</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments with Facebook'>
<fb:comments-count expr:href='data:post.url'/> Facebook</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 == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='400'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
7. Simpan Template
Keterangan :
1. Angka 10 = jumlah komentar
2. Angka 400 = lebar kotak komentar
Demikianlah Cara Membuat Komentar Facebook, Blogger Dan Twitter Berdampingan, silahkan dicoba dan semoga bermanfaat.
Related Posts
tutorial blog
- How to Use Pokespy
- Cara Membuat Link Download dari MediaFire
- Menambah Elemen Sidebar Sebelah Kiri di Blogspot
- Cara Mendaftar Blog ke Dmoz
- Begini Cara Daftar Blog di Technorati
- Cara Claim Token Di Technorati
- Menyembunyikan Titel Blog Untuk Diganti Logo Di Header
- Membuat Header dan Menu Navigasi Tidak Bergerak (Tetap Diatas)
- Membuat Ruang Posting Blog Menjadi 2 Kolom Di Homepage
- Static Pages Blogger Bermasalah? Solusinya Begini
- Memasang Widget Cek No Resi JNE, TIKI, Pos Indonesia
- Membagi Elemen Postingan Blog Menjadi Dua Kolom Tanpa Edit HTML
- Cara Mengganti Template Baru di Blogspot
- Membuat Efek Marquee di Blogspot
- Cara Membuat Tabel dan Thumbnail di Postingan Blog
- Cara Membuat Artikel Terbaru Dengan Thumbnail di Blogspot
- Membuat Related Posts Dengan Thumbnail di Bawah Postingan
- Cara Mengganti Warna Link di Blogspot
- Cara Memberi Tombol Scroll di Kotak Komentar Blog
- Cara Membuat Related Posts Super Cepat
- Cara Pasang Tombol Spoiler di Komentar Blogspot Versi 2
- Cara Memasang Google Translate di Blog
- Cara Membuat Blockquote di Postingan Blog
- Inilah Widget Random Post Fast Loading Plus Thumbnail
- Merubah Tampilan Blog Yang Berbeda Pada Homepage dan Halaman Posting
