MEMBUAT KOMENTAR FACEBOOK PADA BLOG

Menyediakan kotak komentar facebook pada blog merupakan suatu hal yang sudah tidak asing lagi bagi para blogger, banyak blogger yang telah menerapkan cara ini seperti halnya juga saya,kotak komentar facebook akan tampil disamping dengan kotak komentar blogger seperti gambar dibawah ini

, dengan kotak komentar facebook para pembaca dengan mudah dapat memberi komentar pada artikel blog kita karena sebagai besar orang akan online facebook saat berinternet. Selain itu juga saat pengunjung berkomentar pada artikel blog kita maka komentar tersebut langsung terhubung kefacebook dan akan tampil pada berandanya sehingga dapat sekaligus mempromosikan blog kita pada orang lain yang akan berpeluang mendatangkan pengunjung yang lainya. Berikut langkah-langkah Membuat Komentar Facebook Pada Blog :

Langkah 1: Masuk Blogger, ke Design / Layout > Edit HTML dan klik "Expand Widget Templates" pada checkbox.

Langkah 2:
Kemudian cari (CTRL+F) code script ini

]]></b:skin>

paste-kan code script dibawah ini tepat diatasnya:

.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;}

Langkah 3:
Kemudian cari (CTRL+F) code script ini

</head>

paste-kan code script dibawah ini
tepat diatasnya:

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='<b>ID FB ANDA</b>' 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>

Ubah tulisan "ID FB ANDA" dengan ID facebook anda sendiri yang dimaksud dengan "ID FB ANDA" adalah saya beri contoh URL facebook saya sebagai berikut: "https://www.facebook.com/mohamad.ardiansyah.3?ref=tn_tnmn" ambil tepat dibelakang .com seperti yang saya beri tanda orange, dan paste-kan pada script diatas.

Langkah 4:
Kemudian cari (CTRL+F) code script ini

<div class='comments' id='comments'>

paste-kan code script dibawah ini tepat dibawahnya:

<!---------------------------->
 <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='500'/>
    </b:if>
    </div>
<div class='comments comments-page' id='blogger-comments-page'>
 
<!------------------------------------------>