Cara Mudah Memasukan Kolom Komentar Facebook di Blog
Semua Blogger pasti ingin tampilan blognya lebih menarik dan beda dari yang lain. agar dapat membuat pengunjungnya betah di Blog tersebut. mengharapkan disukai pengunjungnya banyak blogger-blogger yang mendesain blog dari segi tata letak maupun Templatenya semaksimal mungkin. begitu pun dengan kolom komentar diblog, banyak yang mengeluh katanya susah kalau mau komentar diblog orang lain harus login ke Blog kita dulu. disini saya akan kasih sedikit tips untuk mempermudah pengunjung memberikan komentar mereka hanya dengan login pada facebook mereka. banyak hal yang bisa dilakukan oleh blogger salah satunya dengan memasukan kolom komentar facebook seperti ini ;
Caranya mudah sekali tinggal ikuti petunjuk saya dengan cermat. untuk antisipasi terjadinya error template ada baiknya anda unduh dulu templatenya.
Berikut langkah-langkahnya :
1. Pertama anda masuk ke Dashboard blog anda kemudian Klik Template
2. Masuk ke edit HTML
3. Masukan kode <div class='comments' id='comments'> dipencarian kode HTMLnya dengan Cara tekan Ctrl+F lalu ENTER (catatan : disana tertera 2 pilihan tinggal anda coba satu persatu jika tidak muncul kolom komentarnya)
4. Kemudian Copy kode Script dibawah ini dan paste 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. Setelah dipastekan selanjutnya anda Klik Simpan Template dan lihat Blog dikolom komentarnya
SELESAI DAH !
Catatan :
- Ganti IDFANPAGEFACEBOOK yang tertera diatas dengan halaman facebook yang anda punya. caranya masuk ke halaman Facebook pilih Pengaturan>Info Halaman>kemudian copy Nomor ID Halaman facebook anda.
- Bila anda tidak mempunyai halaman facebook, anda tidak perlu mengganti IDFANPAGEFACEBOOK dengan artian diabaikan saja.
- cara mengatur lebar kolomnya anda hanya perlu ganti width='550' sesuai dengan kebutuhan lebar blog anda.
Demikian Tipsnya semoga bermanfaat jika kurang mengerti bisa anda langsung tanyakan dikomentar dibawah. terimakasih dan sampai jumpa dipostingan berikutnya. :)
Tags :
Komentar Facebook Di Blog,Kotak Komentar Facebook Di,Membuat Kotak Komentar Facebook,Cara Membuat Kotak Komentar,Kolom Komentar Facebook Di,Membuat Kolom Komentar Facebook,Cara Membuat Kolom Komentar,Memasang Komentar Facebook Di,Komentar Fb Di Blog,Cara Memasang Komentar Facebook,Komentar Facebook Di Blogger,Cara Memasang Kolom Komentar,Cara Membuat Komentar Facebook,Kotak Komentar Facebook Diblog,Cara Pasang Kotak Komentar,
Labels: TIPS dan TRIK
