Memasang Kotak Komentar Facebook Berdampingan Dengan Blogger

Arti komentar pada sebuah artikel menandakan bahwa artikel tersebut mendapatkan respon dari pembaca. Meski kadang komentar tersebut berupa kritikan, pujian, dll. Melalui Komentar pembaca dengan penulis blog dapat berinteraksi secara leluasa. Mengingat pengguna internet terutama di negara kita banyak yang menggunakan facebook tak ada salahnya kita memasang kotak komentar facebook di blog. Sedangkan untuk widget komentar bawaan blogger dapat diaktifkan dengan mudah, karena fasilitas ini telah disediakan oleh blogger.

Pentingnya memasang kotak komentar facebook yaitu karena ketika seseorang menulis komentar terhadap artikel anda, otomatis komentarnya akan tampil di beranda facebook sehingga dapat membantu mempromosikan blog/web anda..

So bagi anda yang ingin memasang komentar Facebook dan Meletakannya berdampingan dengan komentar bawaan blogger seperti contoh berikut ini :

kotak komentar facebook berdampingan dengan komentar gambar

Ikuti langkah-langkahnya..

  1. Login ke Blog
  2. Rancangan - Edit HTML
  3. Untuk menghindari keselahan, Backup template terlebih dahulu dengan Download lengkap
  4. Centang "Expand Template Widget"
  5. Cari kode  ]]></b:skin> untuk lebih mudahnya tekan Ctrl F kemudian pastekan kode tersebut.
  6. Setelah ketemu copy kode di bawah ini tepat sebelum ]]></b:skin>


#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab,comments-tab:hover { color:#fff;float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color:#D53C13;border: 1px solid #D53C13;border-radius: 4px;-webkit-border-radius: 4px;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.inactive-select-tab { color:#fff; background-color: #2C2C2C;border: 1px solid #292929;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: inset 0 1px 0
rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-box-shadow: inset 0 1px 0 ;}
  • Langkah selanjutnya cari kode </head>
  • Kemudian copi kode di bawah ini dan letakan diatas kode </head> 

 <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda disini' 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><span><a href="http://www.pabk-4you.com/" target="_blank" rel="follow"></a></span>
Catatan!
Ganti tulisan yang  berwarna kuning denganID Facebook Anda
  • Selanjutnya cari kode  <p class='comments' id='comments'>. Apabila terdapat 2 kode yang sama maka tempatkan kode di bawah ini tepat setelah kode  <p class='comments' id='comments'> yang ke dua!

<p 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</p><p 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</p><p class='clear'/></p><p class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><p id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='5' width='610'/></b:if></p> 
 Catatan!
  • Untuk angka 5 yang berwarna orange adalah jumlah komentar yang akan ditampilkan
  • Untuk angka 610  yang berwarna orange adalah lebar kotak komentar, maka sesuaikanlah dengan ukuran template anda.

Demikian langkah-langkah cara memasang kotak komentar Facebook berdampingan dengan kotak komentar bawaan blogger. Selamat mencoba..

Reaksi :
Blok kemudian tekan tombol Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.! Bagi yang mau repost ulang harap untuk mencantumkan tautan/sumber!..

Jika Anda menyukai , Share melalui social media di atas (satu suka dari anda sangat berarti bagi kami. Tuliskan kritik dan saran anda pada form komentar di bawah! Ketikan email dan klik subcribe untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Info [K-Moe].

Artikel relevan lainnya
Beri Komentar