Cara Menciptakan Kotak Komentar Facebook Di Blog

Cara Membuat Kotak Komentar Facebook di Blog Salah satu model daerah berkomentar yang sering kali terlihat pada blog / website yaitu memakai facebook social plugin yang memudahkan para pengunjung untuk berkomentar melalui akun facebook mereka.
 
Sudah berbagai blog / website yang memasang kotak komentar menyerupai itu,  Tujuannya pun bermacam-macam, Ada yang bermaksud biar para pengguna facebook (Fb)  terlihat lebih keren alasannya 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 menyerupai itu, Anda sanggup mencoba memasangnya dengan mengikuti langkah-langkah di bawah ini :

Cara Membuat Kotak Komentar Facebook

1. Login blogger
2. Pilih Template --> Edit HTML
3. Cari kode  <div class='comments' id='comments'> dan letakkan arahan dibawah ini sempurna dibawah arahan <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>

Sumber Script : Lupa :-D

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

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

5.  Save Template, Selesai deh

Nah, itulah cara menciptakan 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.

Berbagi :