Kembali lagi di
ViperGoy Blog. Pada kali ini saya akan membahas tentang
Cara Memasang Kotak Komentar Facebook Di 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. Cekiddoottt.....
Cara Membuat Kotak Komentar Facebook Di Blogger :1. Login ke
Blogger Home kalian.
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='ViperGoy.Blog' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<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>
7. Kemudian Ganti Tulisan
ViperGoy.Blog dengan ID Facebook anda.
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("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxDzZS6eSCNPpwjsFvq9Mur1JwErQUmsRgodbRj92oIZWvnE6vQK3QF6O0IGXrHWt3sw5vC1-NhnZRtn_MdQCZJpEF4DnMyYTGguDhad53LMmf5Qdm3Yw1uA5qb3LiVo8OeGohmXJZUs/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("#blogger-comments");' 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 == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
<i><a href='http://vipergoy.blogspot.com/2013/08/cara-memasang-komentar-facebook-di-blog.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 "
Nah, Bagaimana dengan
10 Tutorial Membuat Kotak Komentar Dengan Cepat Di Blog ? Apakah ada kesulitan ? Atau ada masalah dengan
Kode - Kode Dasar Pembuatan Komentar Facebook ? Langsung saja tanyakan kepada
Paman ViperGoy. Saya akan menjawabnya sampai anda bisa
Mengaktifkan Komentar Facebook Di Blog. Terima Kasih dan Sampai Jumpa.
