Sabtu, 19 Maret 2011

Memasang Kotak Komentar Facebook di Blog

Memasang kotak komentar facebook merupakan salah satu tips SEO untuk meningkatkan pagerank blog kalian di google. Bahkan, sudah terbukti bahwa lebih banyak pengguna facebook daripada pengguna google id. Bayangkan saja, jika para facebookers mengomentari blog anda menggunakan akunnya dan menge-post nya pada dindingnya, setelah orang lain melihatnya kemungkinan mereka akan tertarik pada blog anda sehingga akan banyak yang membaca artikel anda dan mengomentarinya lwat akun facebooknya.

Tanpa basa - basi lagi, aku kasih tau gimana cara pasang kotak komentar di blog dan terbukti berhasil karena aku sudah coba sendiri.

1. Login ke facebook dan buat aplikasi di situs ini
    Buat nama aplikasi misalkan: kotak komentar. Lalu pilih setuju dan buat aplikasinya.
2. Lalu, masukkan nama situs anda yang anda ingin beri kotak komentar facebook didalamnya
    Ingat: url situs harus diakhiri dengan tanda "/"
    Contoh : http://aritherev.blogspot.com
    Menjadi: http://aritherev.blogspot.com/
    Dan base domain-nya adalah blogspot.com
3. Lalu, setelah dibuat, copy id aplikasi anda dan paste di notepad
4. Setelah itu, masuk ke blog kalian menggunakan id dan passwordnya masing - masing
5. Lalu, masuk ke Rancangan>Edit HTML dan centang pada "Expand Widget Templates"
6. Cari script berikut.

< body >


7. Lalu, masukkan script berikut dan taruh tepat dibawah script yang tadi.


<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;APP-ID Anda&#39;,
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(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>

Ganti APP ID anda dengan id aplikasi anda yang sudah anda buat tadi.

8. Setelah selesai. Cari kode berikut.

</head>

Masukkan script berikut di bawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>

Ganti teks berwarna merah sesuai dengan data anda.

9. Setelah selesai, cari kode berikut.

<data:post.body/>

Jika pada blog anda memasang fasilitas readmore. Pilih script yang kedua. Dan masukkan script dibawah ini tepat diletakkan dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.kumpulancara.com/2010/06/cara-pasang-kotak-komentar-facebook-di.html" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLthmbytO5lK7HdTVVvJkscwiJiz8Yz1tdAvpeZT4X9CW0RrMMhEir5A1wEqHaTuNge-fe9kClPiWDS8_04kkMGiIFAm5TS_-EsChkfUNGxJvPTKeLJk61tB8-Of_cDa7SiN-bYn3YmGU/s1600/comment.gif" /></a></p><div><fb:comments width='450' 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> by <a href='http://www.kumpulancara.com/2010/06/cara-pasang-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div></b:if><br />  

Ganti teks berwarna merah dengan ukuran lebar comment box sesuai keinginan anda.

10. Save Template
11. Coba lihat, pada blog anda akan terpasang kotak komentar facebook.
12. Jika anda ingin menghilangkan kotak komentar blogger. Caranya:

Masuk ke Pengaturan
- Masuk ke Komentar
- Pilih sembunyikan


SELESAI DEH :)
SELAMAT MENCOBA YAH :D


Related Articles



1 komentar:

Unknown mengatakan...

sob, script blog ente gag bisa di copy tu... hehehehe jadi kurang bermanfaat... V_^

Posting Komentar

Template by : kendhin x-template.blogspot.com