» » Tutorial Memasang Comment Facebook Di Blog

Tutorial Memasang Comment Facebook Di Blog

Tutorial Blog
Monday, 21 April 2014
Belum ada komentar
 Halo Agan", kali ini saya akan Share Tutorial Memasang Comment Facebook Di Blog. Langsung aja gan , CEKIDOT
1. Login ke Blogger
2. Klik Template
3. Edit HTML
4. Cari kode ]]></b:skin>
5. Lalu Copy (Ctrl+c) kode dibawah, Paste (Ctrl+v) tepat di atas code ]]></b:skin>
.comments-page {
background-color: #ffffff;
}
#blogger-comments-page {
padding: 0px 5px;
display: none;
}
.comments-tab {
float: left;
padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #dddddd;
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px;
}
.comments-tab:hover {
background-color: #eeeeee;
}
.inactive-select-tab{
background-color: #d1d1d1;
}
6. Setelah itu cari kode </head>
7. Copy (Ctrl+c) code dibawah lalu Paste tepat di atas code </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<meta content='FBID' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<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>
8. Lalu ubah tulisan merah dengan ID Facebook Agan
9. Setelah itu cari kode <div class='comments' id='comments'>
10. Copy (Ctrl+c) code dibawah lalu Paste (Ctrl+v) tepat diatas Code <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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg377g8GEF7JvaxZ-ZeBVGspCcuYAZaKdvTnLWd_0WSyTSLB4EaXQL-dDifBAvQuDyPJP5Jh1syxf4t0SN1FeGSdg8f3CDWkA83AVbH3GBKCgu3oF2zPBOUN6v_FM8dwPH81Oh040pCmT8/s1600/facebook+comments+vipergoy.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 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='500'/>
<i><a href='http://vipergoy.blogspot.com/2013/08/cara-memasang-komentar-facebook-di-blog.html' style='color:#aaaaaa;text-align: right;' target='_blank' title='Buatlah Komentar Faceboookmu Sekarang Juga'>Facebook</a></i>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
 </div>
11. Klik Save Template.
~Semoga Bermanfaat~