Selamat Datang

Cara Membuat Komentar Facebook di Blogspot

 Baik sobat blogger semua kali ini saya mau share mengenai cara membuat komentar facebook seperti yang ada di bawah blog saya ini, langsung aja kita ke TKP
         Cara nya Seperti ini :
1. Login ke Blog anda
2. Klik Desain
3. Template > Edit HTML
4. Centang expand template widget > Tekan ctrl + F3 
5. Lalu copykan code di bawah ini dikotak Fine
    <div class='comments' id='comments'>
    Setelah ketemu Silahkan Copy dan Paste code berikut di bawahnya :
  
<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='610'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
6. Cari kode </head> lalu letakkan kode dibawah ini diatasnya  
  
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Rizal/3137186XXXXXXXX?skip_nax_wizard=true' 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>
Ganti tulisan berwarna merah dgn ID fb anda , ID yang sama pada Link fans page/profil page kalau blm     ada silakan anda buat dulu dgn membuka account FB anda lalu masuk ke Link ini
 http://www.facebook.com/pages/create.php  Lebih jelas nya silakan kilik di sini

 7. cari kode ini   /* Comment   atau   #comments   Letakkan Code Berikut di Bawah nya

.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;}

8. Klik Simpan, dan lihat hasilnya
    Selamat Mencoba, Semoga Bermanfaat...



0 komentar: