DESA CILEMBU

Pasang Komentar Blog dan fb


Assalam;muallaiqum.wr.wb....Sampurasun...Rampes
Ubi Cilembu, 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 : 
  1. tulisan diartikelnya yang segede-gede upil,
  2. saat berkomentar tiba-tiba ng'reply otomatis.
jangankan sohib, saya juga jengkel....awalnya pengen jadi tuan rumah yang baik, kemarin siang coba ganti template dengan yang lebih yahud,(kalau kemarin sempet main kesini, pasti tau template blog ini sempat berubah, kalau ngga percaya tanyain kang Rawins deh gih...beliau saking jengkelnya sempet minta dilempar ubi se-ton) eh...bukannya bener..malah tambah amburadul...daripada otak mamang guclek, ya udah lah..balik lagi azh ketemplate yang ini lagi....urusan ketidak nyamanan...biarin dah yang penting pada "sehat selalu, bahagia lahir batin, dunia dan akherat, dan tidak lupa banyak rezekinya" ...aaaaamiiiiin.
"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 :
1. Login ke draftblogger.com 
2. Pilih Template
3. Pilih Edit HTML
4. Centang pada Expand Widget Templates 
5. Cari kode ]]></b:skin> 
6. 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;}

7. Selanjutnya cari kode </head>
8. 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>

Catatan :
Tulisan Hijau, silahkan ganti dengan https://www.facebook.com/nama anda

9. 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(&quot;#fb-comments&quot;);' 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(&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>
<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='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Catatan :
1. angka 2 adalah jumlah komentar yang mau ditampilkan di komentar facebook.
2. angka 500 adalah lebar kotak komentar facebook. (sesuaikan dengan lebar template anda)
3. kode warna kuning, jika penempatan kode dibawah <div class='comments' id='comments'> yang kedua, ditemukan kode yang sama, maka hapus salah satunya.

AWAS Lihat contoh dibawah ini yang akan dihapus jika ada 2 kode yang sama :
.......... 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)

9. Selesai, simpan templates dan lihat hasilnya, bila gagal, bersabarlah lalu teliti kembali mungkin ada yang terlewat.

[]Salam sehat selalu
Enter your email address to get update from DESA CILEMBU.
Print PDF
Next
« Prev Post
Previous
Next Post »
Copyright © 2008 - DESA CILEMBU | Privacy Policy | Disclaimer | About | Created by Kompi ajaib - Powered by Blogger