Cara Membuat FB Coment berdampingan dengan Blogger Coment (Cara 2)

Diposting oleh geazzy on Jumat, 21 September 2012

Saya ingin memposting bagaimana Cara Membuat FB Coment berdampingan dengan Blogger Coment dengan cara yang berbeda dari cara yang sebelumnya.  


Cara Membuat FB Coment berdampingan dengan Blogger Coment 


Langsung saja kita ikuti langkah-langkahnya.
1. Login ke akun blogspot agan
2. Pilih template(saya sarankan untuk diback up dulu) dan edit html
3. Kemudian cari kode ini <div class='comments' id='comments'>
  (biasanya ada 2 kode <div class='comments' id='comments'>, dan anda harus copy kan pada kode yang kedua letaknya pada bagian bawah).
<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='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 FB agan' 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>
ganti  ID FB agan dengan id fb milik agan misalkan http://www.facebook.com/id-kamu atau http://www.facebook.com/12345678


Kemudian disave ya... :)

sekian tutorial Cara Membuat FB Coment berdampingan dengan Blogger Coment
 

{ 2 komentar... read them below or add one }

mendthemariage mengatakan...

terima kasih, itu mengagumkan

cara mendapatkan uang internet.

Inspirasi Kita mengatakan...

cara dari blog ke fb gimana gan?

Posting Komentar