Cara Memasang Kotak Komentar Facebook Di Blogger

Posted By Pakar Teknologi on Wednesday, 22 April 2015 | 19:03:00

cara memasang komentar facebook di blog
Pada kali ini saya akan membahas tentang Cara Memasang Kotak Komentar FacebookDi Blogger. Masih dengan Tutorial Blogger, dengan inti pembahasan Facebook. Perlu kita ketahui dari Kotak Komentar Facebook ini. Banyak Visitor yang datang tetapi malas berkomentar ? inilah yang sering terjadi pada Blogger.

Perlu kita ketahui juga bahwa setiap pengunjung belum tentu memiliki Account Gmail/Blog sehingga malas untuk berkomentar. Tetapi yang namanya Account Facebook, Setiap pengunjung pasti memilikinya. Mungkin tidak semua sih, tetapi Pengguna Facebook lebih banyak dari pada Pengguna Gmail di Indonesia. Oleh karena itu kita memanfaatkan Kesempatan ini untuk Memperbanyak Komentar Di Blog. Oke langsung saja. Cek it out.

Cara Membuat Kotak Komentar FacebookDi Blogger :

1. Login ke Blogger
sobat.
2. Pilih Menu Dropdown » Template » Edit HTML
3. Setelah itu Cari Kode ]]></b:skin>
4. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas 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. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode </head>

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

7. Kemudian Ganti Tulisan
Pakar-Teknologi dengan ID Facebook sobat.
8. Setelah itu Cari Kode <div class='comments' id='comments'>
9. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas 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='http://3.bp.blogspot.com/-WZ3HXEOuQK8/UeevfzaA7gI/AAAAAAAAA_s/xSccVvuGQNw/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://pakar-teknologi.blogspot.com/2015/04/cara-memasang-kotak-komentar-facebook.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>


10. Setelah itu " Save / Simpan Template "
dan tara kolomkomentar sobat sudah bertambah.
Blog, Updated at: 19:03:00
Comments
2 Comments

2 komentar:

Miniblogger28 said...

Pembuatan kotak komentar facebook ini sepertinya menunjang promosi blog kita ke media sosial...
terima kasih artikelnya min.. sukses selalu...........

Maringo Al-Jawy said...

Sama-sama gan. Semg beranfaat. Terimakasih sudah mampir

Powered by Blogger.

"MUTIARA PRIVAT"

Menyediakan guru les privat untuk TK, SD, SMP, SMA, SMK, Perguruan Tinggi & Umum lengkap untuk semua mata pelajaran (tinggal pilih). Guru les privat datang ke rumah di seluruh wilayah JAKARTA, BOGOR, DEPOK, TANGERANG dan BEKASI. Untuk Informasi dan Pendaftaran silahkan Call/SMS: 0896 5337 5428 (Three) BBM : 7CF47152 (24 jam)

Support