Merubah Tampilan Komentar Blog Menjadi Tampilan Komentar Di Facebook
12.03
GFS
, Posted in
Pernahakah sedulur berkunjung ke blog/ site yang kotak komentarnya mirip kotak komentar yang ada di Facebook...???Nah pada kesempatan kali ini saya akan berbagi trick merubah kotak komentar blog menjadi kotak komentar seperti yang terdapat di Facebook :
- Silahkan sedulur Buat Aplikasi sedulur di : Facebook developer page. Silahkan Klik disini
- Agar Alamat Blog sedulur di terima Jangan Lupa Tambahkan Backslash " / " di belakang URL...
Contoh : http://gyanfs87.blogspot.com
Menjadi : http://gyanfs87.blogspot.com/
Ambil ID Aplikasi Copy dulu di Notepad/ Gedit atau apa saja...:)
- Sekarang silahkan sedulur login ke akun Blog sedulur
- Klik Rancangan/ Layout >> Edit HTML >> Download dulu template sedulur ( agar bisa dikembalikan seperti semula jika terjadi kesalahan ) >> kemudian centang Expand Template Widget
- Kemudian cari kode <data:post.body/> atau <div class='post-header-line-1/> , jika sudah ketemu silahkan copy kode dibawah ini dan letakkan di atas kode dibawahnya...( Jika Pernah pasang readmore maka letakkan dibawah kedua )
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://gyanfs87.blogspot.com' target='new'><img alt='' class='icon-action' src='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'ID-Aplikasi', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://gyafs87.blogspot.com' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div> - Silahkan Ganti ID-Aplikasi dengan ID-APlikasi sedulur
- Simpan template dan selesai...semoga bermanfaat...:)
Silahkan Berkomentar :
Ada 0 komentar “Merubah Tampilan Komentar Blog Menjadi Tampilan Komentar Di Facebook”
Posting Komentar