Untuk cara memasang kotak komentar Facebook di blog ini cukup mudah. Tujuannya adalah agar blog Anda lebih terkonek dengan Facebook sehingga setiap ada orang yang berkomentar di blog anda, secara tidak langsung dia sudah melakukan sharing artikel yang ia komentari ke wall facebook yang bersangkutan. Berikut Langkah mudahnya, hanya 3 langkah saja…
- Miliki lebih dulu ‘ID FACEBOOK’ caranya, ketik: https://graph.facebook.com/usernameAnda – maka akan muncul ID Facebook yang berupa angka-angka tertentu.
-
Berikutnya, Masuk ke akun blogger.Pilih menu template –> Edit HTML.Cari kode (CTRL+F) ini <div class=’comments’ id=’comments’>kemudian letakkan kode di bawah ini tepat dibawah kode <div class=’comments’ id=’comments’>
<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=’2′ width=’400’/>
</b:if>
</div>
<div class=’comments comments-page’ id=’blogger-comments-page’>
<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>
<style>.comments-page { background-color: #f2f2f2;}
#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;}</style>
3. Silahkan cari dan ubah kata “ID FACEBOOK KAMU” dengan ID facebook yang sudah dibuat seperti pada langkah pertama tadi. Dan lihat hasilnya, berikut contoh hasil di blog saya;
