Blogspot yang membahas tentang Tutorial Blogger, Animasi Blogger, Google Adsense, Game Blogger, Seo Blogger, Template Blogger, TV Online, Dan Tools Blogger

Wednesday 11 December 2013

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
DMCA.com

Cara Memasang Komentar Facebook Blogger Rating: 4.5 Diposkan Oleh: Fikri

11 komentar:

  1. nice post gan
    lanjutkan
    http://linkupdate76.blogspot.com/2013/12/kumpulan-link-update-6-edisi-11.html

    ReplyDelete
  2. keren sob, blog baru yah? penasaran nanti hebat bagaimana, sukses selalu!
    - salam damai

    ReplyDelete
    Replies
    1. Iyah gan, makasih gan ditunggu aja yak wwakak

      Delete
  3. Replies
    1. Iyah mas keren tapi ini masih jauh dari sempurna mas, nanti tak update yang lebih baik dari ini makannya sering-sering mampir ke blog kecil ini :D

      Delete
  4. mantep nech gan
    nambah keren kalau ada kolom komentar fb nya
    di tunggu kunbal nya gan

    ReplyDelete
    Replies
    1. Iyah kalau dipasang nambah keren pasti blog agan :D

      Delete
  5. artikel yg bagus. boleh copas gak buat diterapkan di blog saya http://lpkfamikom.blogspot.com
    sumbernya pasti disebutkan jangan khawatir. thansk...

    ReplyDelete
    Replies
    1. Silahkan mas dan terima kasih sudah disebar luaskan menggunakan link sumber :D

      Delete

 
notifikasi
close