Skip to content Skip to sidebar Skip to footer
Home / blogger / CSS / TIPS

Cara Terbaru Memasang Kolom Komentar Facebook Keren di Blog

2 comments
Bagaimana cara mengubah/memasang kolom komentar facebook keren di blog ?
Untuk mengubah kotak kolom komentar pada blogger bukanlah hal yang sulit, kita cukup mencari kode HTML dan melakukan place script kode yang akan saya sertakan di bawah.
Pling tidak, tampilanya seperti gambar di bawah ini :


Lalu apa kelebihan dari komentar Facebook?
  • Kita bisa mengaitkan komentar dengan fanspage blog kita
  • Adanya peluang share link akun yang kita kehendaki
  • Fast, simpel dan mudah pastinya
Cara memasang kolom komentar Facebook di blog
  1. Masuk ke Blogger
  2. Pada menu dashboard masuk ke Template lalu pilih Edit HTML
  3. Cari kode <div class='comments' id='comments'>
  4. Place Script di bawah ini tepat di bawah <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.  Terakhir klik Save Template dan lihat hasilnya.

Keterangan :
  • Ganti IDFANPAGEFACEBOOKS dengan kode/no/id fanspage milik anda, 
Dengan Cara

  1. Masuk ke halaman Facebook
  2. Pengaturan
  3. Info Halaman
  • Jika anda tidak punya halaman Facebbok, anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOKS.
  • Size kolom komentar bisa anda atur dengan cara find kode (ctrl+f) ketik (width='550') dan ubah ukuran sesuai yang anda inginkan.
  • Jika anda menemukan kode <div class='comments' id='comments'>  ada 2, maka pilih salah satu saja.


Mudah bukan  Cara Terbaru Memasang Kolom Komentar Facebook Keren di Blog. semoga artikel ini memberikan solusi untuk anda. Selamat mencoba!

2 comments for "Cara Terbaru Memasang Kolom Komentar Facebook Keren di Blog "