Setelah sebulan off dari dunia internet, khususnya dunia blog, sekarang saya akan memulai babak baru lagi, nah di babak baru ini sekarang saya akan memberikan cara membuat kotak komentar facebook di blog anda, mungkin sudah banyak yang buat artikel tentang cara ini, tapi sekarang saya akan ulas lagi secara ceria disini.
Apa untungnya buat ini?
Mungkin pertanyaan ini muncul di benak sebagian blogger yang membaca artikel ini, tapi menurut saya peribadi gunanya membuat kotak komentar seperti facebook ini adalah baguss.., para pembaca pasti akan lebih mau berkomentar, apalagi yang punya akaun facebook.
Yu ke cara,
Berikut caranya saya akan beritahu secara tahap dan tahap.
1. Buka link ini http://www.facebook.com/developers/createapp.php
2. Jika sudah muncul halaman link tadi, beri nama kota komentar kamu, centang setuju, lalu klik "Buata Aplikasi Baru".
3. Maka akan muncul kotak verifikasi, maka ketik ulang gambar yang sudah disediakan lalu klik "Sumbit".
4. Jika sudah muncul halaman baru, klik "Web Site".
5. Lalu ketik alamat blog anda yang akan anda isi kota komentar facebook ini.
6. Nah jika berhasil, maka akan terlihat halaman baru yang berisi data-data aplikasi anda. "catet no aplikasi danEmail kotak karena akan berguna".
Sekarang settingan untuk di blog anda,
1. Masuk kea kun blog anda,
2. Klik rancangan,
3. Lalu pilih Edit HTML,
4. Sebelum memulai edit html, ada baiknya anda simpan dulu code html blog ada di notepad.
5. Nah cari code (gunakan Ctrl-F) <body>, jika sudah ketemu copy code dibawah ini tepat diatas code <body>.
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' NO APLIKASI ',
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>;
6. Kembali ke edit html, cari code <\body>, lalu copy code yang dibawa ini, dan letakkan dibawah kode <\body>.
<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 KAMU' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content=�NO APLIKASI� property='fb:app_id'/>
<meta content='ALAMAT EMAIL APLIKASI' property='fb:admins'/>
<meta content='article' property='og:type'/>
7. Ayo sekarang kita ke cari-cari kode lagi, sekarang jari code <data:post.body/>, jika sudah ketemu, copy code dibawah ini, dan letakkan kode itu dibawah code tadi.
<b:if cond='data:blog.pageType == "item"'><br/> <div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='450'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'></div></b:if>
Catatan,
Ganti Nama Blog Kamu, dengan nama blog punya anda. Ganti no aplikasi, dengan no aplikasi yang sudah saya suruh catat. Dan Alamat Email Aplikasi, ganti dengan alamat aplikasi komentar anda, yang sudah saya suruh catat juga.
Ganti juga segala-galanya yang menurut anda kurang.
Nah sekin cara dari saya, jika anda yang mau anda tanyakan silahkan Tanya lewat kotak komentar dibawah artikel ini, atas dukungan dan partisipasinya saya ucapkan trimakasih.
Sumber: www.arie-aldyno.co.cc
{ 0 komentar... read them below or add one }
Posting Komentar
Jangan lupa komentar ya...