Cara Membuat Kotak Komentar Facebook

Salah satu model tempat berkomentar yang sering kali terlihat pada blog / website adalah menggunakan facebook social plugin yang memudahkan para pengunjung untuk berkomentar melalui akun facebook mereka.

 

Sudah banyak sekali blog / website yang memasang kotak komentar seperti itu,  Tujuannya pun bermacam-macam, Ada yang bermaksud agar para pengguna facebook (Fb)  terlihat lebih keren karena ada foto mereka :-D , Ada juga yang menghindari link out blog, Ada juga yang mau terlihat lebih profesional :-p,, atau memperindah tampilan blog, Pokok'e gak ada yang jeleklah.

Nah, Jikalau blog / website Anda belum ada model komentar seperti itu, Anda bisa mencoba memasangnya dengan mengikuti langkah-langkah di bawah ini :

Cara Membuat Kotak Komentar Facebook

• Login blogger
• Pilih Template --> Edit HTML
• Cari kode  <div class='comments' id='comments'> dan letakkan kode dibawah ini tepat dibawah 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 Sobat' 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>

Biasanya dalam template blog terdapat lebih dari 1 kode  <div class='comments' id='comments'> , pilih kode yang pertama, Atau lakukan cara coba-coba ( try error ) .

• Ganti ID FB Sobat dengan URL/ID Facebook Sobat.atau dibiarkan saja juga gak apa-apa

• Save Template, Selesai deh

Itulah cara membuat komentar facebook di blog, Jangan lupa sebelum memasang script di atas usahakan lakukan backup template blog terlebih dahulu untuk mengantisipasi terjadinya error yang tidak diharapkan.