Cara cepat Membuat Kotak Komentar Facebook Di blogger

Cara Membuat Kotak Komentar Facebook di Blog ~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

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

1. Login blogger
2.Jangan lupa sebelum memasang script ini usahakan lakukan backup template blog terlebih dahulu untuk mengantisipasi terjadinya error yang tidak diharapkan.
2. Pilih Template --> Edit HTML
3. 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("#fb-comments");' 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("#blogger-comments");' 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 == "item"'><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 kode 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 membuat komentar facebook di blog,