*COMPUTER SOFTWARE AND APLICATION*
Home » , , » Membuat Komentar Blog dan Facebook Berdampingan

Membuat Komentar Blog dan Facebook Berdampingan



Tertarik untuk membuat komentar blog dan facebook ke dalam blog Anda, Agar mempermudah berkomentar blog atau dengan komentar facebook.
Jika demikian perhatikan tutorial berikut ini :
 1. Login ke account blogger Anda
2. Klik rancangan lalu klik Edit HTML
3. Download template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan
4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget
5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)
6. Kalau sudah dapat maka masukkan kode berikut ini di atas kode ]]></b:skin>

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




7. Kemudian Anda cari kode </head>. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

<meta content='ID FB Anda disini' 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><span style="font-size: 50%">Widget edited by <a href="http://slametsw.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID facebook Anda.


8. Kemudian cari kode  <div class='comments' id='comments'>
Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode
<div class='comments' id='comments'> yang pertama dan kedua.

<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='3' width='600'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Perhatikan angka yang berwarna merah dan biru diatas, angka 3 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 600 merupakan lebar kotak komentar facebook. Anda dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Anda agar kelihatan rapi.



9. Kemudian klik save, dan lihat hasilnya.
Share this article :

2 komentar:

  1. Anonim26/9/13

    Hi, this weekend is fastidious for me, since this occasion i am reading this great educational paragraph here
    at my residence.

    Here is my website: http://www.obshestvo.ru/node/584432

    BalasHapus
  2. Anonim22/3/22

    Membuat Komentar Blog Dan Facebook Berdampingan >>>>> Download Now

    >>>>> Download Full

    Membuat Komentar Blog Dan Facebook Berdampingan >>>>> Download LINK

    >>>>> Download Now

    Membuat Komentar Blog Dan Facebook Berdampingan >>>>> Download Full

    >>>>> Download LINK

    BalasHapus

 
Support : Facebook | Twitter | Halaman | Google+
Copyright © 2013. COSOTRICKS - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger