Cara Membuat Komentar Facebook di Blog

Label: Diposting oleh Ary Sakty 0 komentar
Kamis, 22 Maret 2012 -



Apa sh yang di maksud dengan Membuat komentar bersebelahan dengan komentar blog???

gini loh maksudnya tuh, echemmmm-echemmbb ...maksudnya tuh ada dua cowok dan cewek lagi duduk berdampingan ech salah maksudnya dua tab yang akan ditampilkan , sebelah kiri komentar facebook dan sebelah kanan komentar dari blogger. jika kita mengeklik komentar blogger, maka yang tampil adalah komentar-komentar dengan dasar blogger. okelah daripada bikin bingung, mendingan kita langsung praktekin aja ya sob.kita bahas bersama disini

1. Baca dulu basmallah
2. Login ke akun blogger sobat,
3. Masuk ke Rancangan > Edit html
4. Backup dulu template sobat, klik download template lengkap supaya ntar kalo ngg jadi bisa di balikin ke semula.
5. Centang tanda expand widget template
6. Lalu cari kode

7. Kemudian letakkan kode dibawah ini tepat dibawah kode
, jika menemukan 2, taruh di bawah kode yang kedua
<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://www.dasbor.web.id/wp-content/uploads/2012/02/Facebook.jpg'/> Komentar Facebook</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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo8ek0BhLp-_ciMCXKrm7zwPvs-O4nQpTI3kS64VFbzMeXuUcapYIvo1w-M0eE78NsPmiQBpHtolgljC7DKgZlHsGpDnNS7lf7Y8bbT1Iu3SYuUIuLjLoUQnQyOfAfKXCodRbw8jI4i7A/s1600/blogger-logo.jpg'/> Komentar Blogger</div><div class='clear'/></div><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='2' width='400'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

8. Setelah itu, sobat cari kode
9. Letakkan kode dibwah ini tepat diatas kode


<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>


10. Cari kode]]></b:skin>


11. Letakkan kode dibawah ini 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:#f2f2f2}.comments-tab-icon{height:15px;width:auto;margin-right:3px}.comments-tab:hover{background-color:#eee}.inactive-select-tab{background-color:#d1d1d1 img height:15px}


12. Ganti tulisan berwarna biru dengan url gambar ikon facebook dan blogger sobat
Ganti tuisan berwarna merah dengan kelebaran dan jumlah komentar yang ditampilkan di facebook
Ganti tulisan berwarna hijau dengan Id facebook sobat,

caranya buka profil facebook sobat lalu lihat kode angka atau nama setelahhttp://facebook.com/. misalnya http://facebook.com/adhie993 atau http://facebook.com/profile.php?id=100001413516012. yang saya beri warna hijau itulah id facebook, silahkan sobat ganti dengan id facebook sobat masing-masing.
13. Simpan Template dan lihat hasilnya















Niki Kosasih- pencipta SAUR SEPUH

Label: Diposting oleh Ary Sakty 0 komentar
Minggu, 11 Maret 2012 -
 

Google Style Blogger template Designed by TechIrsH