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

Diposkan oleh geazzy astria 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 }

Anthony Kery mengatakan...

terima kasih, itu mengagumkan

cara mendapatkan uang internet.

''Dunia Pertanian'' mengatakan...

cara dari blog ke fb gimana gan?

Poskan Komentar