Cara Pasang Kotak Komentar Facebook di Blogger

Ada beberapa keuntungan yang akan anda dapatkan dengan memasang Kotak Komentar Facebook di blog anda, diantaranya adalah :
  • Apabila ada pengguna facebook yang memberikan komentar di postingan blog anda maka secara otomatis laporan/notifikasi komentar tersebut terkirim ke profil facebook mereka, berarti anda dapat backlink gratis kan..?.jika 10 orang saja yang berkomentar di postingan blog anda, maka 10 backlink akan anda dapatkan dapatkan dari pengguna facebook tersebut, jika masing-masing pengguna facebook tersebut memiliki 1000 orang teman tinggal dikallikan saja berapa backlik gratis yang akan anda dapatkan.. . lalu bagaimana jika 100 orang yang berkomentar...? wah.. wah... lumayan kan? ini langkah awal SEO yang baik untuk blog anda.
  • Pengunjung tidak perlu mengetik alamat email atau nama mereka untuk berkomentar di blog anda, mereka cukup log in ke account facebook mereka. Sebagian besar pengguna internet terhubung dengan facebook, kalau anda tidak percaya silahkan cek di alexa.com, facebook menduduki peringkat kedua dan hanya kalah satu peringkat dari google.hal ini mendorong lebih banyak komentar yang masuk ke blog anda karena biasanya mereka sudah log in ke account facebook mereka.
  • Pada kotak komentar facebook dilengkapi dengan tombol like, apabila pengguna facebook suka dengan artikel anda dan mengklik tombol like maka secara otomatis link blog kita terkirim ke halaman profil facebook mereka. keuntungannya hampir sama dengan berkomentar diatas. dapat link GRATIS.
Anda tertarik ikuti lankah berikut :

1.  Membuat Facebook APP ID

Log in terlebih dahulu ke akun facbook anda, lalu kunjungi situs ini Facebook Developers , anda akan dibawa ke halaman seperti di bawah ini


 Kemudian klik "Create New App" . lalu akan muncul kotak dialog seperti ini :



Keterangan :
App Name  : Isi dengan nama anda atau apa saja, jangan gunakan kata "facebook". karena akan ditolak
Bahasa        : Pilih yang anda inginkan
Kemudian centang sebagai tanda persetujuan anda lalu klik "Lanjutkan".
Apabila akun anda belum diverifikasi maka akan muncul kotak dialog yang meminta anda untuk verifikasi akun, Klik ponsel kemudian no handphone anda lalu klik konfirmasi. tunggu sejenak... anda akan menerima sms yang berisi kode konfirmasi. masukan kode konfirmasi yang telah anda terima lewat sms lalu klik konfirmasi. dengan begitu akun anda telah berhasil di verifikasi. Kalau sudah lanjutkan langkah seperti gambar diatas. Klik "Lanjutkan". Maka akan muncul halaman seperti ini :



Simpan App ID yang diberikan dengan mengcopy ke notepad agar mudah digunakan pada langkah berikutnya,Untuk App Domain ketik blogspot.com lalu klik simpan perubahan.

2.  Edit HTML Tempalate Blogger

Log in ke akun blogger anda  >>Rancangan  >>Edit HTML  >>Centang Expand Template Widget
Klik Download Template Lengkap agar anda bisa mengembalikannya seperti semula bila terjadi kesalahan.

Cari kode ini ( Gunakan Ctrl+F )
<body>

Masukan kode ini di bawahnya

<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>

Keterangan :
Ganti APP-ID dengan APP-ID yang tadi anda buat


Kemudian cari kode di bawah ini ( Gunakan Ctrl+F ) :
</head>

Masukan kode ini 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'/>


Keterangan :

Nama Blog Anda   Ganti dengan Nama Blog Anda 
APP-ID  Ganti dengan APP-ID yang tadi anda buat
Profile-ID-Facebook Anda  Ganti dengan Profile-ID-Facebook Anda

3. Menambahkan Komentar Box blogger template Anda.

Cari kode ini ( Gunakan Ctrl+F )
<data:post.body/>

Tambahkan kode ini di bawahnya
Jika Punya dua <data:post.body/>  karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://serbaserbi321.blogspot.com/2011/09/cara-pasang-kotak-komentar-facebook-di.html" target="new"><img border="0" src="http://2.bp.blogspot.com/_M1pYMGMUxt0/TBU2Rk6JL5I/AAAAAAAAB_I/MTcuwWlywTI/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></b:if><br />

Keterangan : 
comments width='450ganti angka 450 sesuai dengan template blogger anda ( Gunakan Pratinjau/Preview untuk mengetahui apakah ukurannya sudah cocok atau belum ) Klik Simpan Template . SELESAI.

Sekarang anda memiliki dua kotak komentar ( Default Comment dan Facebook Comment ), anda oleh membiarkannya saja seperti itu. Apabila anda ingin menghapus Default Comment  maka arahkan ke :
Setelan   >> Pilih Menu Komentar   >>  Pilih Sembunyikan   >>   Scroll ke bawah lalu klik Simpan Setelan.





2 comments:

edpeny Art design said...

Hi Sahabat....Artikel yang baik..sangat berguna,dan terima kasih atas pertukaran linknya,mohon maaf atas keterlambatannya,Salam hangat dan sukses selalu.

rudy parabola said...

sob link nya udah dipasang cek aja di http://www.rudyparabola.co.cc/p/link-banner-tema.html
dan saya dah follow jg,ditunggu follow baliknya dan salam sukses

Post a Comment

Add me on Facebook