Cara Membuat Komentar Facebook di Blog - Pada tahun 2009 diperkenalkan pengembang Facebook sosial plugin terbaik mereka yang disebut "Kotak Komentar Facebook". Plugin ini dapat tertanam dalam setiap situs web atau blog dan pengunjung dapat menggunakan ID Facebook mereka, Yahoo, AOL atau Hotmail untuk memberikan komentar di situs anda. Plugin ini memang menunjukkan banyak masalah ketika tertanam dalam Blog Blogger di awal perkembangannya tapi sekarang berkat Max teman sesama blogger dari Allblogtools akhirnya plugin ini telah cocok untuk bekerja sempurna dengan host blog Blogger.
LIGHT SCHEME
DARK SCHEME
Anda tertarik? mari sekarang kita belajar bagaimana cara membuat kotak komentar facebook yang sangat berguna bagi blog. Mohon ikuti langkah-langkah sederhana dibawah ini,
1. Mendapatkan ID Aplikasi Facebook
1. Pergi ke Facebook Developers Page
2. Masukkan App Name dengan Nama Aplikasi dan App Namespace dengan judul blog anda (tidak wajib). Kemudian klik lanjutkan.
3. Setelah itu akan tampil seperti gambar dibawah ini kemudian simpan App ID nya di notepad. Sekarang mari kita lanjut ke langkah berikutnya dari tutorial ini.
2. Menambahkan Kotak Komentar Facebook ke Blog
Sekarang adalah saatnya untuk menambahkan kotak komentar di template blog anda. Jadi ikutilah langkah mudah berikut,
CATATAN: Pastikan blogger comments anda sudah terpasang di bawah postingan. Untuk caranya, pergi ke Blogger> Settings> Post and comments> lalu pilih embeded pada kategori komentar di bawah kategori post. Setelah melakukan hal ini ikuti tutorial di bawah ini.
- Pergi ke Blogger > Design > Edit HTML
- Simpan terlebih dahulu template anda
- Centang kotak "Expand Widget Templates"
- Carilah <html dan setelah itu berikan ruang di depan kode untuk menambahkan kode berikut,
xmlns:fb='http://www.facebook.com/2008/fbml'
- Kemudian cari
<body>
Catatan: dalam rancangan template blogger yang baru akan terlihat kode seperti dibawah ini
<body expr:class='"loading" + data:blog.mobileClass'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
- Ganti YOUR_APP_ID dengan ID aplikasi Facebook anda yang telah anda simpan di notepad.
- Setelah itu cari kode </head> dan diatasnya letakkan kode berikut,
<meta expr:content='data:blog.pageTitle' property='og:title'/>
Perubahan :
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='Personal Blog - Info MenARIk' property='og:site_name'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/ulasanmenarik' property='fb:admins'/>
<meta content='article' property='og:type'/>
- Ganti Personal Blog - Info MenARIk dengan Judul Blog anda
- Ganti YOUR_APP_ID dengan ID Aplikasi Facebook yang anda simpan di notepad
- Ganti http://www.facebook.com/ulasanmenarik dengan link profil facebook anda
- Sekarang carilah kode berikut,
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div> </b:if>
- Jika anda ingin menggunakan dark scheme silahkan ganti light dengan dark
- Untuk mengubah ukuran kotak komentar, ganti angka berikut width='520'
- Untuk mengubah ukuran footer, ganti angka berikut width:510px
- Beri selisih 10 pixel antara ukuran kotak dan ukuran footer. Misalnya jika anda mengatur ukuran kotak width = '600 ' maka ukuran footernya width: 590px
PEMECAHAN MALASAH
Jika Anda menghadapi masalah apapun maka silakan jangan ragu untuk memberi tahu saya. Saya akan merasa senang untuk melayani anda. Saya akan menulis tutorial lebih lanjut tentang topik ini sehingga anda bisa mendapatkan semua update terbaru. Saya berharap plugin ini terbukti berguna untuk sebagian besar dari anda dan memberkati blog anda dengan trafik yang signifikan . Peace! :)
mksh gan info'x sangat bermanfaat sekali...
BalasHapussukses terus buat blognya. . .
terimakasih informasinya... sangat membantu sekali
BalasHapusinformasi sangat bermanfaat, boleh singgah di tempat saya :)
BalasHapusbos ini komentar blog nya bakal hilang tidak.?
BalasHapusSaya ga berhasil bikinya lho,, saya ga mudeng pada hal CATATAN dan langkah no 3
BalasHapusterima kasih ya kk atas inforasinya, melody sangat terbantu sekali atas artikel kakak , jangan lupa mampir di blog melody ya kk http://memolodys.blogspot.com/2013/08/cara-booting-shutdown-komputer-cepat.html
BalasHapusMakasih gan, berhasil
BalasHapusUis kerenn thanks browwww . .
BalasHapuskunjungin juga yaww
Tutorialnya lengkap di sini sob
http://tutorialimparare.blogspot.com/
Terimakasih ulasannya. sangat menarik sekali..
BalasHapusThakyou gan, infonya bermanfaat sekali...
BalasHapusSangat membantu gan infonya buat saya pribadi. terimakasih sebelumnya ya gan sudah share artikel ini.
BalasHapusAgen Bola Online & Casino Online Terpercaya
BalasHapus1 USER ID UNTUK SEMUA PERMAINAN !!!
Casinobet77 Menyediakan Permainan Terbaru & Terbaik
Livecasino | Bolaonline | Sabungayam | PokerDomino | SpadeGaming | SlotGame | Tangkas | BatuGoncang | Jdb168 SlotGame | NumberGame Lottery
-----------------------------------------------------------------------
- Bonus Deposit MEMBER BARU Sportbook 100%
- Bonus Deposit 30% Khusus Permainan Sportbook
- Bonus Deposit 10% Setiap Hari Untuk Semua Game
- Bonus Deposit Setiap hari 5rb - 25rb
- Bonus Casino Rollingan 0.8% Setiap Hari Senin
- Bonus Rollingan Poker & domino 0,3%
- Bonus Cashback Game & Tangkas 5%
- Bonus Cashback Sportbook 5%
- Bonus Cashback Sabungayam 5%
- Bonus Referall 2% Semua Game
- Bonus Referall 1% dari member Togel
Contact Us Now :
?? Livechat Casinobet77
?? whatsapp : +85599495431
?? PIN BBM : D6235F1C
?? Wechat : casinobet77cs1
?? Line : casinobet77
?? skype : casinobet77
?? Link pendaftaran :lc.chat/now/8523001/