Komentar facebook di blog

selamat pagi para blogger.....
kali ini saya  akan mempostingkan sebuah tutorial blog
dimana para pengunjung yang akan mengunjungi blog sobat sebagian tak memiliki AKUN GMAIL
sebagian pengunjung ada yang memiliki akun FACEBOOK
oleh karena itu saya akan mempostingkan sebuah tutorial yang
sangat membutuhkan buah sobat sekalian yang punya blog
akan sangat indah rasanya jika punya blog memiliki kolom komentar facebook

baik lah tak banyak kata lagi
langsung aja

CIKIDOT ...... :)



1. Login ke Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML
3. Setelah itu Cari Kode ]]></b:skin>
4. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode ]]></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;
}

5. Setelah itu Cari Kode </head>
6. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<meta content='klinton.gultom' 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>

7. Kemudian Ganti Tulisan klinton.gultom.Blog dengan ID Facebook anda.
8. Setelah itu Cari Kode <div class='comments' id='comments'>
9. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fp266sIrkLrNT8vqRvEv6JDGm3_bAOgN38nb0a100romOrvtJwqf537JR0M6KAiptjfA53XB-0FfulcY7jf5I1PaEqUeuNW8Pdw64K4vxSwywTRdxwZz2f3OFdBKkC9JrVsayTuw1yQ/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> 


10. Setelah itu " Save / Simpan Template " 

Nah gimana sobat sekarang lihat paling bawah
sudah ada kan ....

sekarang sobat mempunyai kolom buat komentar FACEBOOK...

sekian dulu ya sobat tunggu posting saya selanjutnya 

Ditulis Oleh Unknown on - Rangking: 10

Tantom-angkola : Komentar facebook di blog
tantom angkola berdiri sejak tahun 2012 : selamat pagi para blogger..... kali ini saya  akan mempostingkan sebuah tutorial blog dimana para pengunjung yang akan mengunjungi blog sob...

Tweet