Kali ini saya sedang ada waktu untuk nulis beberapa artikel yang sebenarnya udah lama tertimbun di hardisk dan belum sempat di tulis di blog, semoga pertanyaan "Ragil" tentang bagaimana caranya membuat kolom komentar di blog dapat menyelesaikan masalah...!! Artikel yang membahas "Bagaimana caranya membuat kolom komentar di blog" banyak sekali tetapi "Ragil" bilang banyak yg "njelimet" (kata orang jawa) ngalor ngidul tapi hasilnya ga maksimal...
Langsung saja "Bagaimana caranya membuat kolom komentar di blog ?? "" simak tutorial berikut ini1. Login terlebih dahulu ke akun blogger anda
2. Klik Pengaturan > Komentar > Sembunyikan komentar.
3. Buat Facebook App ID di facebook anda. Bagaimana cara membuatnya ? mudah ko.... nih
- Kunjungi site pengembang disini
- Login ke facebook anda seperti biasa.
- Setelah anda berhasil login maka anda akan melihat tampilan berikut :
- Masukan nama aplikasi anda misalnya "kotak komentar".
- Berikan pilihan anda "Setuju".
- Setelah itu klik tombol Buat Aplikasi.
- Sesaat anda akan diminta untuk memasukan kode keamanan, masukan dengan benar.
- Setelah itu anda akan melihat tampilan berikut :
- Catat baik2 KODE APLIKASI yang diberikan.
Selanjutnya anda tinggal membuat kode di blogger, seperti berikut
- Klik Rancangan / Tata Letak
- Klik Edit html.
- JANGAN LUPA UNTUK MEMBACKUP KODE ASLI ANDA.
- Centang Expand Template Widget
- Untuk mempermudah pencarian tekan CTRL + F lalu cari kode berikut :
< body >
- Lalu anda masukan kode seperti dibawah ini, tepat dibawah kode diatas :
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP-ID Anda',
status : true, // check login
cookie : true, // enable cookies
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>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP-ID Anda',
status : true, // check login
cookie : true, // enable cookies
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 APP ID ( teks yang berwarna biru ) dengan KODE APLIKASI facebook yang tadi sudah dibuat.
- Kemudian anda cari lagi kode seperti berikut :
</head>
- Kemudian masukan kode dibawah ini tepat di bawah kode diatas :
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Nama Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='KODE APLIKASI Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Nama Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='KODE APLIKASI Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
- Selesai membuat kode di blog, bakar dulu rokok, bikin kopi sama singkong goreng...!!! upss... !!
- Langkah selanjutnya adalah meembuat kolom komentar ala facebook di blog anda.
- Cari kode dibawah ini :
<data:post.body/>
- Masukan kode dibawah initepat dibawah kode diatas :
<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.kebumen-city33.blogspot.com" target="new"><img border="0" src="http://i835.photobucket.com/albums/zz275/riyanto33/KAD.jpg" /></a></p><div><fb:comments width='300' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> Rahasia <a href='http://www.kebumen-city33.blogspot.com/cara-membuat-kolom-komentar-ala-facebook.html' target='_blank' title='Komentar Facebook'> Bagaimana membuat kolom komentar facebook ?</a></b></div></b:if><br />
- Sesuaikan lebar dengan keinginan anda dengan mengganti anka 300.
- Sampai disini kita sudah selesai membuat kolom komentar ala facebook.
- Jika anda masih kesulitan, silahkan berikan komentar agar teman2 yang lain juga tahu.
Semoga bermanfaat dan Selamat mencoba
