Sunday, December 25, 2016
Cara Memasang Kolom Komentar Facebook pada Blog
Cara Memasang Kolom Komentar Facebook pada Blog
Memasang Kolom Komentar Facebook merupakan cara lain untuk memaksimalkan fitur yang ada pada blog anda, dengan fitur ini orang lain dapat memberikan comentar lewat akun facebook mereka. Fitu ini banyak digunakian oleh para blogger sekarang , Karena pemasanganya yang tidak terlalu susah, semua orang bisa menggunakanya . Silahkan ikuti langkah langakh berikut ini.
Cara Memasang Kolom Komentar Facebook pada Blog :
1. Buka akun blogger anda sendiri.
2. Pada Dasbor blog anda, masuk elemen Template, pilih Edit HTML
3. Cari Kode : <div class=comments id=comments>
4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan 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=IDFANPAGEFACEBOOK 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. Apabila sudah selesai, Simpan Template Blog anda.
NOTE :
Ganti IDFANPAGEFACEBOOK dengan Kode / No / Id Fan Page Facebook yang anda punya.
Cara melihat IDFANPAGEFACEBOOK adalah: Masuklah ke Halaman FacebookAnda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah sekali ada tulisan ID Halaman Facebook : 10026565009xxxx
Anda tidak punya Halaman Facebook saat ini? Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode Script di atas apa adanya.
Ukuran atau panjang Kolomo Komentar FB sesuaikan dengan Ukuran Blog anda. Silahkan ganti angka yang berwana Ungu di atas. (width=550)
Apabila kode <div class=comments id=comments> ada 2, pilih saja salah satu.
Available link for download
