by
Cyberbintauna
Terima kasih buat sobat semua yang telah berkunjung pada blog yang sederhana ini, kali ini saya menulis artikel yang berjudul Cara Memasang Kotak Komentar Blogger, Facebook dan Twitter di blog dalam satu kotak (berdampingan) (3 in 1). Facebook
dan twitter adalah jejaring sosial yang amat di minati masyarakat
dunia, akan saat bermanfaat sekali jika sekirannya komentar blog kita
juga bisa buat pengguna facebook dan twitter, ini sangat membantu dalam
kemajuan blog kita. Dan tentunya tampilan blog kita lebih menarik.
Untuk mengaktifkan fitur ini, sebelumnya kita harus mempunyai API KEY yang bisa didapatkan setelah membuat applikasi twitter. , masuk ke akun twitter lalu buat aplikasi baru di sini (Mudah, hanya tinggal ikuti langkah"nya). Sedangkan untuk mengaktifkan fitur komentar facebook, kita tidak harus mempunyai APP ID.
Walaupun begitu, supaya kita bisa memoderasi komentar dan mendapatkan
pemberitahuan setiap ada komentar baru, kita harus memiliki APP ID yang bisa didapatkan setelah kita membuat aplikasi facebook di sini (Mudah, hanya tinggal ikuti langkah"nya). Tutorial Pemasangan:
- Masuk ke akun blogger, lalu pilih Rancangan > Edit HTML > Ceklis 'Expand Template Widget'
- Tekan tombol Ctrl+F lalu cari kode <head>
- Masukkan kode berikut tepat di bawah kode <head>:
<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://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'/>
<meta content='APP_ID' 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'/>
4. Perhatikan kode berwarna merah:
5. Berikutnya, cari kode class='comments'- Ganti tulisan Profile_ID dengan ID profil atau username facebook kita. ID profil bisa berupa angka atau huruf. Cara mengetahui ID profil kita adalah dengan membuka halaman profil dan lihatlah kolom alamat (address bar). Jika alamat profil Paman adalah www.facebook.com/RioAnderta, maka ID profil adalah RioAnderta
- Ganti tulisan App_ID dengan ID Aplikasi facebook kita
- Ganti tulisan API_KEY dengan API KEY dari aplikasi twitter yang kita buat
6. Masukkan kode berikut tepat di bawah kode class='comments'
<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'/> Comments
</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'>
<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'/> Comments
</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. Perhatikan kode berwarna merah:
- Kita bisa mengganti kata Comments dan Tweets dengan kata lainnya yang diinginkan
- Kita bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
- Kita bisa mengganti angka 400 dengan ukuran lebar kotak komentar yang diinginkan
9. Selamat mencoba, semoga berhasil, semoga bermanfaat...!
Untuk berlangganan Artikel silahkan Masukkan email anda kemudian cek inbox email |
Author : Unknown
Setelah anda membaca artikel tentang Cara Memasang Kotak Komentar Blogger, Facebook dan Twitter di blog dalam satu kotak (berdampingan) (3 in 1) jika bermanfaat, silahkan tekan tombol Share. Anda juga boleh menyalin / menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya :
Baca Juga:
tips blogger
- Cara paling mudah untuk membuat fasilitas komentar di website anda
- Membuat Modus Hemat Energi ( Saving Mode )
- Cara Membuat Cursor/Mouse Blog Bertabur Bintang Paling mudah
- Membuat Komentar Slide Panel pada Template Blogspot
- Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse
- KELIRUNYA UCAPAN HARI RAYA DI INDONESIA
- Xara Web Designer MX Premium 8.0.2.21761
- Cara Membuat Kotak Suka Facebook di Blog
- Cara Daftar dan Pasang Google Analytics di Blog
- Membuat Template Blog Sendiri Dengan Artisteer 3.1
- Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog
- Situs - Situs Penyedia Widget Blog Gratis Terbaru
- Cara Membuat Widget Random Post Keren di Blog New
- Membuat Tag / Permalink di Blogger Blogspot
- Cara Membuat Vote Di Blog
- Animasi Download di Posting
- Cara Membuat & Memasang Meta Tag Di Blogger
- Cara Menghilangkan Navbar Blogger
- Tips Mengedit HTML Blogspot
tips facebook
- Cara menambah Followers Di Facebook dan Twitter
- Update Terbaru Facebook Messenger, Bisa Kirim Video Klip Mini
- Menghilangkan Notifikasi Facebook yang Mengganggu Tanpa Block/remove pertemanan
- Cara Membuka Akun Facebook yang di Hack
- Cara mengganti status fb orang lain
- Hack Akun Facebook Terbaru 2013
- Kumpulan Fhoto Facebook Super Gokil Buat Komentar Facebook
- Cara Merubah Tampilan Facebook Terbaru 2013
- Membuat Tampilan FACEBOOK lebih Menarik
- Facebook Sedang Mengembangkan Feature Chat Room
- Status Update Yang Mendapatkan Banyak Komentar di Facebook Post
- Cara Membuat Status & Komentar Biru di Facebook Terbaru
- Banyak Spam Di Facebook
- Cara Mengetahui ID Facebook Dan ID Group Terbaru
- Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog
- Awas! Makin Banyak Virus di Facebook
- Trick Buat Pengguna Facebook
- SMS Gratis Via Facebook
Judul: Cara Memasang Kotak Komentar Blogger, Facebook dan Twitter di blog dalam satu kotak (berdampingan) (3 in 1)
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown
klik disini untuk menambahkan komentar blogger
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown
klik disini untuk menambahkan komentar blogger
0 comments
"Komentar anda menunjukkan pribadi Anda".
Silahkan tinggalkan komentar bijak yang bersifat kesan/pesan/kritik dan saran terhadap postingan!