DIFINMEDIA.COM
Back Home

Cara Menambahkan Kolom Komentar Facebook ke Blog

Sourch Image : www.difinmedia.com
Mempercantik tampilan blog akan membuat pembaca betah dan kerasan dari segi Design dan Tata letak. Semua bertujuan agar Blog kita disukai para pembaca dan itu bisa menambar pembaca baru setiap harinya. Mungkin salah satunya mempercantik Blog dengan menambahkan Kolom Komentar Facebook ke Blog

Maka dari itu saya akan share Cara Memasang Kolom Komentar Facebook di Blog.

Langkah-langkah yang harus dilakukan adalah sebagai berikut:

1. Seperti biasa sobat harus membuka akun blogger

2. Pada Dasbor blog sobat, masuk elemen Template, Lalu pilih Edit HTML
3. Cari Kode : <div class='comments' id='comments'>

4. Copas Kode yang tertera di bawah ini, tepat di bawah 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='550'/></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='328745634189987' 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. Ganti nomor meta content dengan nomor IDFANPAGEFACEBOOK

Cara lihat IDFANPAGEFACEBOOK, Masuk ke Halamat Facebook sobat klik tentang. lihat gambar di bawah untuk lebih jelasnya yang saya kotak warna merah itu ID halaman Facebook sobat. Ok langsung saja di copas ya,. 6. kalau sudah selesai, Simpanlah Template Blog sobat dan lihat hasilnya.


Demikian Cara Menambahkan Kolom Komentar Facebook ke Blog, Semoga bermanfaat.