Hy teman-teman perkenalkan nama aku moch.hisyam.yahya aku masih sekolah dismktelkom surabaya.
aku masih pemula dalam dunia ini oke langsung saja ya kesebuah pembahasan kali ini aku akan memberikan bagaimana cara mengabungkan kotak komentar facebook dengan kotak komentar blogger mungkin kalian sudah tau lah soalnya tutorial ini sudah banayak yang tau.
tapi aku baru tau tutorial ini jadi harap dimaklumi saja ya.
heheh maaf ya aku malah cerita oke kembali ke laptop . .
buat teman-teman yang yang belum tau cara menggabungkan kotak komentar facebook dengan kotak komentar blogger.
ikut langkah-langkah dibawah ini.
aku masih pemula dalam dunia ini oke langsung saja ya kesebuah pembahasan kali ini aku akan memberikan bagaimana cara mengabungkan kotak komentar facebook dengan kotak komentar blogger mungkin kalian sudah tau lah soalnya tutorial ini sudah banayak yang tau.
tapi aku baru tau tutorial ini jadi harap dimaklumi saja ya.
heheh maaf ya aku malah cerita oke kembali ke laptop . .
buat teman-teman yang yang belum tau cara menggabungkan kotak komentar facebook dengan kotak komentar blogger.
ikut langkah-langkah dibawah ini.
- yang pertama Anda harus login ke blogger Anda masing-masing
- pada dasbor pilih rancangan / Design
- pilih Edit HTML
- centang expand Template Widget
- masukan code dibawah ini atau Anda boleh mencopas code dibawah ini dan tepatkan dibawah code <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='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("#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>
<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='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Sobat 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>
<style>.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;}</style>
- Untuk mengganti ukuran kotak komentar faceabooknya Anda cari code <fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
- Code yang berwarna biru Anda ganti dengan ukuran yang sesuai dengan kemauan Anda
- Jika sudah simpan template
- Dan lihat hasilnya
