Cara Memasang Kotak Komentar Facebook Di Blog Versi 2

TIPS OGAH - Kali ini saya akan membagikan sebuah Tutorial Blog.
Yaitu Cara Memasang Kotak Komentar Facebook Di Blog.  Dan untuk Tutorial Blog lainnya bisa dilihat disini.

Anda bisa melihat gambar komentar facebook di bawah sebelumnya saya juga pernah mengirim KOMENTAR FACEBOOK YANG ELEGAN, coba klik anda bisa bandingkan kedua komentar facebook ini.

Komentar Facebook

Cara Memasang Kotak Komentar Facebook Di Blog.

1. Masuk ke akun blog sobat
2. Pilih Template >>>>> Edit HTML [BACKUP DULU YAA]
3. Dengan menggunakan CTRL+ F Cari kode  <div class='comments' id='comments'> dan letakkan kode dibawah ini tepat dibawah kode <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'><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' 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>

Keterangan :

• Jika terdapat 2 kode  <div class='comments' id='comments'> , pilih kode yang kedua.
• Ganti ID FB dengan URL/ID Facebook kalian. 

4. Simpan dan lihat hasilnya

jangan lupa komentar ya bro, :D