Cara Memasang Komentar Facebook Blogger

Cara Memasang Komentar Facebook Blogger - Blogger Update. Banyak para blogger yang sudah menerapkan trik ini di blog nya karena beberapa alasan. Ada yang bilang kalau menggunakan facebook akan lebih simple, ada yang bilang kalau menggunakan facebook jadi lebih gaul, ada juga yang bilang kalau pake facebook jadi tidak ribet. Lihatlah screenshoot Komentar Facebook Blogger :

Langkah-Langkah Memasang Komentar Facebook Blogger

1. Masuk ke Blogger
2. Masuk ke Dashboard Blogger anda.

3. Pilih dan klik tab 'Template'

4. Cari kode ]]></b:skin>, copy script dibawah ini dan letakkan tepat diatas 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. Copy script dibawah ini dan letakkan tepat diatas kode </head>

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

Note : Ganti kode berwarna Hijau dengan ID Facebook anda. Contoh : halaman facebook anda www.facebook.com/mochammad.fikrii maka ambil mochammad.fikrii sebagai ID anda.

7. Setelah itu Cari Kode <div class='comments' id='comments'>

8. Copy script dibawah ini dan letakkan tepat diatas 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/AVvXsEiaw2aB_PnrXbze8zp0d31VN1T-zurugbT6zyS1Irmo-A4oi0KjMPswqAQivEMWs5-KKsW2GKqUK4-D1kClqYN4cA95qdXQ30STrOoE9thFKLKDVnvNGuGO0mc5ZJrI0IDqiLy6heUh8eo/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://seo-powers.blogspot.com/2013/12/cara-memasang-komentar-facebook-blogger.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>

6. Klik 'Simpan Template' dan selesai

Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Memasang Komentar Facebook Blogger. Terima kasih sudah berkunjung

 

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya

Cara Memasang Komentar Facebook Blogger 2013-12-11T06:48:00+07:00 Rating: 4.5 Diposkan Oleh: Fikri