JavaScript Recent Comment/Komentar Terbaru dengan CSS
Untuk membuat widget recent comment dengan tampilan yang luar biasa ganteng seperti gambar di atas, cukup salin kode ini kemudian letakkan di dalam sebuah elemen halaman HTML/JavaScript:
<style type="text/css">
#komentar {
font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;
background-color:#597624;
margin:0;
padding:10px;
color:black;
border:4px solid #597624;
-webkit-box-shadow:inset 0 0 2px black;
-moz-box-shadow:inset 0 0 2px black;
box-shadow:inset 0 0 2px black;
}
#komentar ul {
margin:0;
padding:0;
border-top:1px solid #455F20;
border-bottom:1px solid #799D1A;
}
#komentar ul li {
border-top:1px solid #799D1A;
border-bottom:1px solid #455F20;
padding:3px 0;
list-style:none;
}
#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
color:#D7E5FD;
text-shadow:0 1px 1px rgba(0,0,0,.4);
}
#komentar ul li b:before {
content:url(http://3.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
margin:0 4px 0 0;
display:inline-block;
*display:inline;
vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 14,
jmlkarakter = 200,
home_page = "http://nama_blog.blogspot.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>
Tentukan jumlah komentar yang akan ditampilkan pada jmlkomentar
dan jumlah karakter pada jmlkarakter
. Ganti kode yang Saya beri tanda dengan alamat blogmu sendiri.
Klik Simpan dan lihat hasilnya:
JSON disederhanakan kembali dari versi aslinya di Blog Tune-Up
Labels: Blogger, JavaScript, Widget
32 Comments:
besok-besok kalo ganti template coba ahh , , :)
thanks tutorialnya... keren dah....
aq pake ya bro..., gk tau napa recent komen sy yg lama tiba2 yg bekerja., thx yaa. :)
kk saya pingin punya widget komentar kaya kk gimana caranya
@thomi jasir Ini widget hasil modifikasi dari widget recent-comment buatan MS-Potilas. Konfigurasinya memang cukup rumit, tapi kalau mau mencoba bisa mencoba mengunjungi halaman ini: http://yabtb.blogspot.com/2011/11/return-of-better-recent-comments-gadget.html
http://3.bp.blogspot.com/-ijtB5l8A3GY/T8njlgGlB0I/AAAAAAAAAUA/WCWu3JJI4Ho/s1600/Screenshot+Studio+capture+%2342.png
ini gimana cara ngatasin nya gan ? nama nya kegeser ke samping kiri...
@Hayley Sdnan
#komentar ul li {
padding:5px 20px !important;
}
@Taufik Nurrohman Thanks
Wah, ngga bekerja sama sekali mas taufik, ngga ada yang ditampilkan malah 7:(
@Ijal Fauzi Pasti itu karena feed postingnya dimatikan. Aktifkan dulu feed-nya supaya widget ini bisa bekerja.
@Taufik Nurrohman Wahaha salah mas, pertama sih saya perhatiin detilnya, terus nyoba tutornya mas Dede juga, sama-sama ngga bisa. Ternyata............... permission nya aku tutup :D
punya saya kok nge dirrect yah mas?
jadikanpinter.blogspot.com/p/the-genius-user.html
mengaktifkan feed posting dimana yaa?
Sudah Saya edit script-nya.
Masih nge dirrect mas,
jadikanpinter.blogspot.com/p/the-genius-user.html
ada solusi mass ?
Bukannya ke-redirect, cuma scriptnya saja yang bikin rusak halaman. Mungkin karena nama-nama komentatornya yang aneh-aneh :\
wew kok bs gtu ya T_T
sedih juga...
trs ga bs dong saya pasang yg ini ?
beberapa hari ini saya mencari artikel tentang bagaimana cara memasang scroll otomatis pada semua artikel blog tapi saya tidak menemukannya. tolong donk mas kasih solusi,,,,,,,,,,,,,,
bang, kok saya menggunakan widget ini hanya tampil bila ada komentarnya saja, kalau kaga ada komentar malah kaga muncul :(
oia, saya taruh javascriptnya di halaman komentar/postingan. atau lebih tepatnya dibawah kode
<b:includable id='threaded_comments' var='post'>
http://gaptek32.blogspot.com/
duh maaf nih bang ngerepotin :D
Taruh dua kali. Di bawah <b:includable id='threaded_comments' var='post'> dan <b:includable id='comments' var='post'>
wah makasih bang atas jawabannya. Banyak pelajaran yang saya dapet dari bang taufik :)
mas,kue warnane bisa di ubah rha? warnane ireng biru mas, kaya http://sekaratmutlak.blogspot.com/2012/03/elegant-black-daftar-isi-blogger.html#.UXjub6Kmjuw loh,mumet aku rha bisa kon pas warnane... :'(
oh yha mas,ben ng jero komentar kaya blogmu prime carane??? thanks \o/
Script source di atas apa boleh kita hosting sendiri Mas?
Kata Mas Kolis blog lebih ringan bila script2 kita hosting di direktori kita sendiri.
Tapi kenapa beberapa teman yang menghosting script seperti Maskolis banyak dibanned? Apakah itu karena melanggar sesuatu? :\
Saya bertanya2 mengenai itu. Terima kasih atas jawabannya. :-bd
Diblokir mungkin karena si pemakai telah melanggar kebijakan dari layanan Google. Bisa saja karena kode yang diunggah mengandung spam atau virus, atau merupakan kode yang memiliki hak cipta.
Sebelum menggunakan layanan tertentu dalam hal apapun, lebih baik pahami terlebih dahulu mengenai kebijakan dan privasi layanan tersebut, dan juga cari tahu tujuan dibuatnya layanan tersebut ⇒ Who's the service for?
Jika terblokir ⇒ What should I do if I've been banned from Project Hosting and wish to regain access?
Terkait: Hosting File dengan Google Code dan TortoiseSVN
Mas Tov. Saya sudah pakai widget ini lama. Tiba-tiba saya lihat hari ini halaman blog saya jadi kacau. Saya restre template tetap. Akhirnya widget recent post ini saya copot ternyata bau balik. Saya pasang lagi ancur lagi. mengapa bisa begitu Mas Tovic?
“Tiba-tiba”. Berarti dulunya tidak. Ini diluar jangkauan Saya :'(
selamat malam mas taufik maaf saya kalau pertanyaan saya tidak berhubungan dengan topik
kemaren saya memsang daftar member aktif diblog saya mau bertanya sama mas taufik bagaimana cara agak komentar author tidak tampil pada member aktif tersebut mohon pencerahannya mas...
cari kode seperti ini:
excludeUsers
arti dari kode tersebut adalah pengecualian komentator yang ditayangkan
masukkan nama kamu sesuai identitas pada akun blogger
This comment has been removed by the author.
Mas, saya mau nanya. widget di atas kan saya taruh dibawah postingan seperti pd gambar.
http://1.bp.blogspot.com/-UgzEMIYvGMs/UhNt0hVJrGI/AAAAAAAABF4/7NDNc_AszM4/s1600/Untitledxgds.jpg
pertanyaan saya, kok widget tsb muncul jika postingan kita ada yang berkomentar saja ya ? jadi postingan yg gak ada komentarnya widget tsb nggak muncul. please cek ya aldhinya.blogspot.com. coba perbedakan antara post yang berkomentar dgn yang tidak. Pinginnya kan muncul di semua post gitu. thanks. ^_^
Nggak bisa tampil kang koment nya :)
Pengen buat widget kategori kayaq gini mas taufik dengan html/javascript, buat saya masukin kedalam tab view di footer blog saya :'( http://harmansh.blogspot.co.id/
Post a Comment
<< Home