Pasang Komentar Blog dan FACEBOOK ~ kepada akang dan iking, sohib mamang yang sudah nyasar kesini jangan malu dan ragu untuk dipersilahkan mencicipi hidangan Ubi 'madu' Cilembu dan kopi pahitnya.
Jadi begini.....Sudah berulang kali sohib yang bersilaturahmi , mengeluhkan atas ketidak nyamanan saat berada disini, seperti :
Jadi begini.....Sudah berulang kali sohib yang bersilaturahmi , mengeluhkan atas ketidak nyamanan saat berada disini, seperti :
- tulisan diartikelnya yang segede-gede upil,
- saat berkomentar tiba-tiba ng'reply otomatis.
"Dibalik hal, pasti ada hikmah didalamnya" Hikmah dari ngubek jeroan blog malah nemuin "Pasang Komentar Blog dan fb", sohib pengen pasang jugakah? silahkan dicoba
Memasang komentar blogger dan facebook di bawah postingan berdampingan :
Memasang komentar blogger dan facebook di bawah postingan berdampingan :
- Login ke draftblogger.com
- Pilih Template
- Pilih Edit HTML
- Centang pada Expand Widget Templates
- Cari kode ]]></b:skin>
- Lalu letakkan kode dibawah ini diatas kode ]]></b:skin>
.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;}
#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;}
- Selanjutnya cari kode </head>
- Lalu letakkan kode dibawah ini diatas kode </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Silahkan isi dengan ID Facebook anda' 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><span style="font-size: 50%">Widget by <a href="http://desacilembu.blogspot.com" target="_blank" rel="follow">tips trik blogs</a></span>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Silahkan isi dengan ID Facebook anda' 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><span style="font-size: 50%">Widget by <a href="http://desacilembu.blogspot.com" target="_blank" rel="follow">tips trik blogs</a></span>
Catatan :
Tulisan Hijau, silahkan ganti dengan https://www.facebook.com/nama anda.
- Selanjutnya cari kode <div class='comments' id='comments'>
Jika kodenya ada 2 maka copy dan paste kode dibawah ini pada keduanya dan letakkan dibawah 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='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='500'/>
</b:if>
</div>
Catatan :<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='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
- angka 2 adalah jumlah komentar yang mau ditampilkan di komentar facebook.
- angka 500 adalah lebar kotak komentar facebook. (sesuaikan dengan lebar template anda)
- kode warna merah, jika penempatan kode dibawah <div class='comments' id='comments'> yang kedua, ditemukan kode yang sama, maka hapus salah satunya.
.......... kode.................
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/></b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<div class='comments comments-page' id='blogger-comments-page'> (HAPUS YANG INI)- Selesai, simpan templates dan lihat hasilnya, bila gagal, bersabarlah lalu teliti kembali mungkin ada yang terlewat.
Demikian Pasang Komentar Blog dan FACEBOOK
