Membuat Kotak Komentar Facebook pada Blogger

Selamat Sobat On The Spot Lovers, Pernahkah anda melihat Komentar Pada Blog yang ada kunjungi terdapat fasilitas Komentar pengguna Facebook di blog tersebut? Fasilitas itu tentunya akan menambah daya tarik pengunjung untuk datang ke blog sobat. Terlebih lagi Jika User Blog sobat memberikan komentarnya di kolom komentar facebook pada blog sobat komentar tersebut bukan hanya terlihat pada blog sobat tetapi juga akan terlihat di aplikasi Facebook pembaca blog sobat juga loh serta semakin luas penyebaran informasi blog kita ke facebook.

Dengan menggunakan Komentar Akun Facebook akan mempermudah pembaca Blog sobat untuk berkomentar, jika mereka tidak mempunya akun Blogger atau akun email lainnya. Dengan begitu akan semakin banyak visitor yang berdatangan pada Blog yang sobat buat selain materi blog yang unik dan berkarakter.

Cara Membuat Komentar Facebook di Blogger

1. Login ke akun blogger sobat di www.blogger.com

2. Pilih Template kemudian Edit HTML

3. Tekan Ctrl+F dan ketikan kode ]]></b:skin> , untuk mencari kode tersebut

4. Taruh kode berikut di atas ]]></b:skin>

.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;}

5. Kemudian cari kode </head>

6. Taruh kode berikut di atas kode di atas 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='IDfacebook' 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>

7. Ganti ID facebook dengan ID sobat sendiri (facebook.com/IDfacebook)

8. Kemudian cari kode <div class='comments' id='comments'>

9. Kamu akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepatdi bawah 2 kode tersebut

<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='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.

11. Simpan Template jika sudah selesai.

Sekian penjelasan Cara membuat komentar Facebook di Blogger,Semakin banyak alternatif Komentar maka semakin banyak pengunjung dalam memberikan masukan, karena mereka akan diberi kenyamanan dalam memilih akun dalam berkomentar. Semoga postingan saya dapat bermanfaat bagi semua sobat blogger :)

Sumber : Membuat Kotak Komentar Facebook dan Blogger