-->

Memasang komentar facebook pada blog

Selamat datang di blog pribadi saya gan :D
Kali ini saya akan membuat artikel cara memasang komentar facebook pada blog seperti gambar dibawah ini!




ok kita mulai saja ya gan.

1. Masuk ke dashboard
2. Klik pada template (di menu kiri)
3. Klik EDIT HTML

4. Jika sudah muncul aga cuma cari kode 
    <b:includable id='comments'     var='post'> 
   atau 
    <b:if      cond='data:post.allowComments'>
5. jika Sudah di temukan Copy Script di bawah ini!



<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='5' width='630'/></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='100000513589589' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).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>    <a name='comments'/>

6.  Setelah agan copy script di atas tempatkan script nya di bawah
     <b:includable id='comments' var='post'> 
   atau di atas
    <b:if      cond='data:post.allowComments'>

7. Kemudian klik SAVE TEMPLATE dan cek blog agan :D
jika masih ada kendala silahkan tinggalkan pesan di komentar!

Jangan lupa baca artikel lain nya ok.