Question and Answer
Tips and Trick
Cara Membuat "Komentar Facebook" di Blog
November 06, 2012
Assalamualaikum...
Bagi setiap Blogger, pengunjung memiliki arti yang sangat penting.
Dengan banyak pengunjung, berarti blog kita ramai alias blog kita disukai banyak orang. Dengan banyak pengunjung, berarti informasi atau postingan yang kita share di blog kita itu bermanfaat buat mereka.
Kalau menurutku ini yang paling penting : "Apa yang kita share, bermanfaat buat orang lain".
Dan dengan banyak pengunjung pula, itu berarti semakin banyak uang, hehehe... Yuph... itu tentunya untuk para sahabat Blogger pemilik blog-blog yang berbau bisnis online.
Namun untuk meningkatkan pengunjung blog itu tidaklah semudah membalikkan telapak tangan, perlu kerja keras dan kesabaran. Nah, salah satu cara untuk meningkatkan pengunjung blog kita itu adalah dengan mempromosikannya di Facebook.
Sedikit berbagi pengalaman, saat aku membagikan postingan blog ini di Facebook, Alhamdulillah lho... banyak teman-teman Facebookku yang berkata bahwa mereka menyukai postingan-postingan di blogku ini. Mereka bilang, banyak informasi-informasi penting yang bermanfaat di blogku dan menambah pengetahuan mereka. #hwaahhh.... aku seneng banget dengernya, jadi pengen koprol keliling kampung...#
Tapi ada sedikiiit keanehan, kan katanya banyak teman-teman Facebookku yang suka dengan postingan-postingan di blog ini. Tapi kok aku lihat di blog gak ada komentar dari mereka, yang ada aku malah menerima banyak pesan dinding dan inbox, yang isinya komentar dan pertanyaan dari teman-teman Facebook yang telah membaca post-post di blog ini. Ternyata, masalahnya adalah beberapa diantara mereka ada yang tidak memiliki akun Google untuk menulis komentar di blog.
Padahal untuk seorang Blogger (pemula) seperti saya ini, "Satu Komentar dari Pengunjung Sangat Berarti".
Setelah tahu masalahnya seperti itu, saya berusaha untuk mencari tahu, bagaimana penyelesaiannya... Akhirnya saya menemukan cara untuk membuat kotak Komentar Facebook di Blog tanpa menghilangkan kotak Komentar bawaan dari Blogger. Sehingga tampilannya jadi seperti berikut :
Buat kamu yang sedang mencari tahu tentang Cara Membuat Komentar Facebook di Blog, berikut aku kasih tau cara-caranya yaa...
Langkah Pertama,
Kamu login/masuk ke akun blogger kamu.
Langkah Kedua, Silahkan perhatikan gambar...
Klik "Template" (yang dilingkari warna hitam) lalu klik "Edit HTML" (yang dilingkari warna merah)
Langkah Ketiga,
Setelah terlihat tampilan seperti pada gambar dibawah ini, klik "Lanjutkan".
Langkah Keempat,
Beri ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
Langkah Kelima,
Kamu cari kode ]]></b:skin>
(Untuk mempermudah pencarian, gunakan ctrl + f . Lalu masukan kode ]]></b:skin> di kotak pencarian yang biasanya berada di bagian bawah sebelah kiri)
Langkah Keenam,
Setelah itu, simpan kode berikut diatas kode ]]></b:skin> yang tadi kamu cari.
.comments-page { background-color: #;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
Langkah Ketujuh,
Cari kode </head> lalu simpan kode berikut diatasnya.
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID Facebook Kamu' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
Perhatikan Kode Diiatas.!!!
Pada tulisan yang berwarna hijau, silahkan ganti dengan ID Facebook kamu. Misalnya link profil Facebook kamu adalah : https://www.facebook.com/Nama Akun Facebook Kamu, maka ID kamu itu adalah yang berada pada tulisan berwarna hijau.
Langkah Kedelapan,
Cari kode <div class='comments' id='comments'> lalu masukan kode dibawah ini :
<div class='comments-tab' id='fb-comments'
onclick='javascript:commentToggle("#fb-comments");'
title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab'
id='blogger-comments'
onclick='javascript:commentToggle("#blogger-comments");'
title='Comments from Blogger'>
<img class='comments-tab-icon'
src='http://www.blogger.com/img/icon_logo32.gif'/>
<data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='630'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
Mohon Diperhatikan.!!!
1. Jika kamu menemukan ada 2 kode <div class='comments' id='comments'>
Maka, kamu simpan kode diatas tepat di bawah kedua kode <div class='comments' id='comments'>.
2. Angka 5 adalah jumlah komentar yang akan ditampilkan pada komentar Facebook.
Angka 630
merupakan lebar kotak komentar Facebooknya.
Dan kamu bisa mengubah angka-angka tersebut, sesuai dengan lebar template blog kamu.
Langkah Kesembilan,
Kilk "Simpan Template" atau "Save"
Selesaaaii....
Silahkan lihat hasilnya,
Oh iya... dengan adanya kotak komentar Facebook ini, diharapkan para pengunjung blog kita dapat mengirim komentar pada artikel blog dengan mudah. Yaitu dengan menggunakan akun Facebook mereka.
Meskipun memang terkadang ada pemilik blog (termasuk saya) juga yang mengijinkan "Anonymous User" untuk post komentar di blognya, Namun jika hanya mengandalkan kotak komentar bawaan dari Blogger saja, terkadang ada pengunjung yang merasa malas untuk menulis komentar karena ada beragam persyaratan yang harus dipenuhi misalnya harus login ke Google Acount. Sedangkan dia tidak memiliki akun Google.
Selain itu kelebihan kotak komentar Facebook ini adalah sangat efektif untuk SEO (Search Engine Optimizing), karena ada pilihan “Post comment to my Facebook profile”.
Jika tanda centang diaktifkan, maka komentar dari pengunjung akan mampir juga ke profile pengunjung tersebut.
Dengan demikian, besar kemungkinan teman mereka yang juga tertarik dengan postingan kita, akhirnya ikut berkunjung ke blog kita.
Nah, itulah cara membuat kotak komentar Facebook di blog.
40 Comments