Cara Memasang Komentar Facebook Di Blog

Cara Memasang Komentar Facebook di Blog – Pasti sebagian besar dari pengguna internet di seluruh dunia selalu terhubung dengan akun facebook mereka, jadi agar memudah kan para pengunjung blog untuk berkomentar dengan hanya menggunakan akun facebooknya.

Dengan membuat komentar facebook di blog akan membuat konektivitas antara media social dan blog anda. Jadi anda bisa mendapatkan traffic yang besar melalui komentar facebook.

Pasti anda sudah pernah melihat blog yang memasang komentar facebook, dan maka dari itu anda tertarik untuk mencobanya. Dan untuk membuat komentar facebook ini sangat lah mudah.

Kali ini saya akan memberikan tutorial bagaimana cara memasang komentar facebook di blog.

Tutorial MemasangKomentar Facebook di blog

1. Masuk ke dashboard blogger

2. Pilih Template è Edit HTML.

3. Kemudian cari kode ini <div class=’comments’ id=’comments’>

4. Letakkan kode dibawah 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>

5. Cari Tulisan "ID FACEBOOK KAMU" lalu ubah lah ke id Fanspage anda.

6. Save Template

7. Selesai

Nah, sangat mudah bukan memasang Komentar Facebook di Blog.