Cara Memasang Kotak Komentar Facebook di Blogspot | Bergandengan Dengan Komentar Blog

Logo Blogger dan Facebook Chat

Ehem! Selamat pagi agan-agan semua! Pada pagi menjelang siang yang cerah ini saya mau berbagi tentang bagaimana cara memasang kotak komentar facebook di blog atau blogspot dengan mudah. Kotak ini sudah banyak digunakan orang-orang, baik di website besar hingga website kecil-kecilan, hehehehe...

Apa sih keuntungan kotak komentar facebook tersebut? 

Kotak komentar facebook berguna untuk bagi para pengguna facebook yang sedang online dan membaca artikel agan. Saat mereka berencana ingin berkomentar lewat blog agan, mereka pasti surut niatnya saat melihat cara berkomentar di blog rumit sekali... Harus login di goole dulu, atau memasukkan identitas mereka sendiri setiap saat mereka ingin berkomentar akhirnya mengakibakan mereka tidak mau berkomentar di blog agan lagi. Tapi, jika ada kotak komentar facebook. mereka menjadi berniat besar untuk berkomentar dan berkomentar terus karena berkomentar lewat facebook bisa dengan mudahnya, tanpa memasukkan identitas pembaca. Sehingga hal ini dapat menambah rating blog atau website agan sendiri.

Oke. kalau agan mau memasang kotak komentar facebook tersebut, sebelumnta agan lihat dulu screenshootnya sebelum memasnganya. Berikut screenshootnya:

Gambar diatas adalah screenshoot kotak komentar facebook, 

Kotak komentar facebook akan otomatis tampil pertama kali, dan kotak komentar blog (seperti gambar di bawah) akan bersembunyi dulu sampai agan atau pengunjung blog agan meng-klik tombol yang berikon atau berlogo blogger seperti yang diberi kotak berwarna merah.

Gambar diatas itu adalah screenshoot saat tombol berlogo blogspot ditekan. Pada saat itu, maka tampillah kotak komentar blogkita yang biasa

Bagaimana sih memasang kotak komentar facebook tersebut? 

Hal yang harus agan siapkan umtuk memasang kotak komentar facebook ini yaitu, agan harus masuk dulu ke akun blog agan : www.blogger.com, Setelah itu ikuti langkah berikut:

1. Masuk ke pengaturan blog agan, setelah itu pilih template. Lihat gambar berikut
   
   
   
   
   

   

   Pilih pengaturan template seperti yang di kotak merahkan

   
   


2. Pada halaman template, klik tombol "Edit Html" 


3. 
   Tekan "Ctrl + F" pada kotak Edit Htm, cari kode <div class='comments' id='comments'> (kalau terdapat dua buah kode <div class='comments' id='comments'>, pilih yang ke dua) dan letakkan kode di bawah ini tepat di bawah kode <div class='comments' id='comments'> 
   
   
   

<div 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</div><div 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</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='400'/></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='ID Facebook Agan' 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> 

Keterangan:

• Ganti ID Facebook Agan dengan URL/ID facebook agan. 
  Kalau agan tidak tahu id facebook agan, bisa pergi ke link berikut : Find My ID Facebook

Setelah selesai, klik simpan template agan. Dan cek apakah Kotak Komentar Facebook tersebut telah sukses terpasang di blog agan. 

Oke. Sekian dulu tentang Cara Memasang Kotak Komentar Facebook di Blogspot | Bergandengan Dengan Komentar Blog, mudah-mudahan cara ini dapat membuat blog agan menjadi laris dan menjadi langganan bagi para pembaca, aamiin. Kalau ada pertanyaan atau ketidak jelasan, silahkan masukkan komentar atau hubungi saya pada bagian atas blog "Contact Us". Terimakashi dan silahkan baca dan lihatlihat artikel lainnya di bawh ini. Wssalam.