author-photo

Cara Membuat Widget New Comment

Cara Membuat Widget New Comment,Cara Membuat Widget Komentar Terbaru
Widget New Comment adalah widget yang menampilkan beberapa komentar terbaru pada blog kita.
Cara Membuat Widget New Comment
Menariknya pada widget new comment ini,jumlah komentar yang ditampilkan bisa diatur sesuai keinginan kita dan menampilkan avatar profil komentator berbentuk bulat.
Memasang widget new comment pada blog dapat memudahkan kita untuk mengetahui siapa saja sobat blogger yang  baru berkomentar pada posting kita.Dan saat kita klik link komentator pada widget new comment ini nantinya akan terus membawa kita masuk pada posting yang di komentari.

Menjawab pertanyaan dari sobat Mozilla88  "Gan cara buat wiget New comment gimana caranya tu...?"
Cara Membuat Widget New Comment
Untuk membuat atau memasang widget new comment seperti pada blog ini,silahkan sobat ikuti langkah-langkah dibawah ini:


1. Klik Design > Page elements > Add Gadget
2. Pilih HTML/JavaScript
3. Copy kode dibawah ini
   dan paste kan kedalam konten HTML/JavaScript

<div style="overflow:auto;width:auto;height:370px;border:2px solid #00FF00; padding:15px; margin:0 auto;background:#000000;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #c1bebe;display: block;font-size: 12px;font-style: Courier;line-height: 1.4;} </style>
<script type="text/javascript">
 //<![CDATA[
 // Recent Comments Settings
var
numComments = 20,
showAvatar     = true,
 avatarSize      = 30,
 roundAvatar   = true,
characters       = 100,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://reoa-dam-newcoment.googlecode.com/files/newcomment.js"></script> <script type="text/javascript" src="http://tekhnik-blog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

Keterangan :

pada height:370px adalah tinggi kotak komentar terbaru, silahkan ganti sesuai keinginan sobat.
pada #000000 adalah warna background dan #00FF00 adalah warna border,silahkan ganti jika menginginkan warna yang lain.
untuk mencari kode warna sobat bisa klik disini .
numComments = 20
adalah jumlah komentar yang akan di tampilkan,sobat bisa mengganti untuk mengurangi atau menambahkan jumlah komentar yang ingin di tampilkan.
showAvatar = true
adalah kode untuk menampilkan gambar profil,jika sobat ingin menghilangkan gantu text "true" menjadi "false".
avatarSize = 30
adalah ukuran photo profil,sobat bisa menganti dengan ukuran yang sobat inginkan.
roundAvatar = true
adalah kode untuk photo profil komentar berbentuk bundar,jika sobat ingin menampilkan dalam bentuk kotak silahkan ganti "true" menjadi "false".
characters = 100
adalah jumlah karakter huruf komentar yang akan ditampilkan,silahkan ganti sesuai keinginan sobat.
http://tekhnik-blog.blogspot.com ganti dengan alamat URL blog sobat.

4. Klik Save dan lihat hasilnya

Selamat mencoba,semoga tutorial Cara Membuat Widget New Comment ini bermanfaat untuk semua.

Share this:

77 komentar

Click here for komentar
December 2, 2012 at 12:47 AM

Wah ilmu baru neh buat ane kang, nanti coba ane pikir2 dulu mau tak pasang apa enggak.

Balas Hapus
avatar
admin
December 2, 2012 at 2:26 AM

Sip keren sobat....Mksih ilmunya sobat tetap semngat sob. Salam

Balas Hapus
avatar
admin
December 2, 2012 at 3:31 AM

Oke nih widget new komenya gan, ntar ta saya coba

Balas Hapus
avatar
admin
December 2, 2012 at 6:22 AM

wah jadi bisa tau siapa yang koment terbaru ya gan, dengan demikian bisa merespon dengan cepat ya gan. ehm.. menarik juga. nie.

Balas Hapus
avatar
admin
December 2, 2012 at 8:16 AM

ya gan.....:)
happy weekend gan

Balas Hapus
avatar
admin
December 2, 2012 at 9:44 AM

Makasih untuk infonya Bang Reo *ilmu baru lagi nih ^^..

Bakalan langsung saya praktekin di blog saya.. Hehehe

Balas Hapus
avatar
admin
December 2, 2012 at 10:24 AM

Wah keren nih sob :) tapi buat berat ya hehe

Balas Hapus
avatar
admin
December 2, 2012 at 10:25 AM

aku iutan hadir sob, jangan lupa kunjungan baliknya ehee

Balas Hapus
avatar
admin
December 2, 2012 at 10:59 AM

.. numpank tampank aja dech. cz dulu aq pernah punya,, namun sekarang udah gak pengen. he..86x ..

Balas Hapus
avatar
admin
December 2, 2012 at 11:05 AM

itu maksimal bisa berapa komentar yang tampil sob?

Balas Hapus
avatar
admin
December 2, 2012 at 1:28 PM

trkas genk ilmunya sangat berguna D:

Balas Hapus
avatar
admin
December 2, 2012 at 2:09 PM

Rika pinter banget ya Kang. sekang endi koh sinaune?

Balas Hapus
avatar
admin
December 2, 2012 at 3:47 PM

pinter konon...:)
sekang mbah google,trus gari modiv

Balas Hapus
avatar
admin
December 2, 2012 at 3:47 PM

berguna bagi nusa dan bangsa :D

Balas Hapus
avatar
admin
December 2, 2012 at 3:49 PM

semau kita sob....yg penting tambahkan kode scroll jadi ga memanjang sampai bawah.
kode diatas sudah saya tambahkan scroll

Balas Hapus
avatar
admin
December 2, 2012 at 3:51 PM

:) yg namanya kode script pasti ya nambah beban loading.tapi klu menurut aq widget ini penting jadi ga masalah :)

Balas Hapus
avatar
admin
December 2, 2012 at 3:52 PM

mksh juga kunjunganya sob
silahkan dipasang biar tambah keren :)

Balas Hapus
avatar
admin
December 2, 2012 at 4:45 PM

Punya sobat pakai photo ya,kalau saya gak sob,,trims udah sharing sob :)

Balas Hapus
avatar
admin
December 2, 2012 at 5:31 PM

mantab masbro, kpn2 ak cb pasang, hhe

Balas Hapus
avatar
admin
December 2, 2012 at 5:43 PM

pasang aja pake mikir sgala,, bagus ya widgetnya,,

Balas Hapus
avatar
admin
December 2, 2012 at 5:56 PM

saya mau coba pakai, soalnya bagus tampilanya. kalau profil Admin biar gak nampak gimana ya mas cara ngilanginya?

terimakasih mas sudah berbagi.

Balas Hapus
avatar
admin
December 2, 2012 at 6:28 PM

langsung tancap... hehehe.. :)

Balas Hapus
avatar
admin
December 2, 2012 at 6:38 PM

@Mahesa Guru
@Luh Gede
mksh kunjunganya sob

Balas Hapus
avatar
admin
December 2, 2012 at 7:33 PM

sangat cocok untuk blog dengan desain yang lebar dan maksimal dalam widget. :)

Balas Hapus
avatar
admin
December 2, 2012 at 7:37 PM

ich keren nih,tapi saya gak paham kawan,nyimak aja deh

Balas Hapus
avatar
admin
December 2, 2012 at 7:51 PM

ya sob....mksh kunjunganya

Balas Hapus
avatar
admin
December 2, 2012 at 8:24 PM

mksh juga atas kunjunganya sob :)

Balas Hapus
avatar
admin
December 2, 2012 at 8:50 PM

dah lama juga KY cari toturial ni..nanti KY nak letak juga heheheee..terima kasih Reo

Balas Hapus
avatar
admin
December 2, 2012 at 10:01 PM

gak usah kelamaan bang, langsung saya tancapkan di blog saya yang satunya, kayaknya keren juga nih udah dimodif hehehe

Balas Hapus
avatar
admin
December 2, 2012 at 10:02 PM

terimakasih juga atas kunjunganya KY

Balas Hapus
avatar
admin
December 2, 2012 at 10:09 PM

silahkan sob
mksh kunjunganya

Balas Hapus
avatar
admin
December 2, 2012 at 10:29 PM

wah asik ini widget new koment nya, akan aku pasang ah sekarang juga,,,,

trimakasih ya ...ilmunya :)

Balas Hapus
avatar
admin
December 2, 2012 at 10:44 PM

Keren gan..
Izin praktek ya..

Balas Hapus
avatar
admin
December 2, 2012 at 10:52 PM

ok bang
hahaha
tapi sampe sekarang kok masih mume ya, failed terus bang gak bisa di save

Balas Hapus
avatar
admin
December 2, 2012 at 10:59 PM

maksudnya gimana sob?
mungkin koneksi internetnya terkendala ga?

Balas Hapus
avatar
admin
December 2, 2012 at 10:59 PM

silahkan mba
mksh hadirnya :)

Balas Hapus
avatar
admin
December 2, 2012 at 11:00 PM

silahkan sob
mksh kunjunganya

Balas Hapus
avatar
admin
dan
December 3, 2012 at 1:39 AM

ane pernah pasang juga sob, tapi entah kenapa recent komentnya g muncul jadi ane delete deh

Balas Hapus
avatar
admin
December 3, 2012 at 4:26 AM

pernah pasang sebelum nya sih bang...tapi ga tahu knapa... kok widget new coment ku...bisa eror sendiri...semacam minta login gitu...mka nya ta apus ae... :)
mungkn laen waktu ak pke cara bang Reo..
matur suwun ya..hehe :)

Balas Hapus
avatar
admin
December 3, 2012 at 9:15 AM

Tapi komentar admin mendominasi gan?

Balas Hapus
avatar
admin
December 3, 2012 at 12:19 PM

kode JS nya rubah mas...upload sendiri di google code,jika masih ambil yg punya posting pasti jadi berat krn semakin rame yg pake semakin berat kode JS nya

Balas Hapus
avatar
admin
December 3, 2012 at 12:20 PM

hilangkan adminya sob,rubah kode tersebut
atau googling cari kode recent comment yg ga pake admin

Balas Hapus
avatar
admin
December 3, 2012 at 12:21 PM

pasang lagi...coba cara saya :)

Balas Hapus
avatar
admin
December 3, 2012 at 6:15 PM

mantap lik
tapi dadi keramen lah..

Balas Hapus
avatar
admin
December 3, 2012 at 6:52 PM

ya bener lik....rame widgete ora apik,sing apik rame pengunjunge karo komentatore.
khususe pasukan pembarani malu bawa panci :)

Balas Hapus
avatar
admin
December 3, 2012 at 7:59 PM

cari di google sob,kode recent komen yg ga pake admin

Balas Hapus
avatar
admin
December 4, 2012 at 2:27 PM

iya makasih dah kupasang widgetnya... :)

Balas Hapus
avatar
admin
December 4, 2012 at 6:31 PM

sama2 mba...mksh kembali :)

Balas Hapus
avatar
admin
December 6, 2012 at 1:01 AM

Lengkap banget, sob,,, penjelasan-nya.
blog sobat sudah saya follow.

follow back ya : http://www.romantis-xp.asia/

Balas Hapus
avatar
admin
December 6, 2012 at 1:28 AM

thx mas, tekhnikbog memang top.

Balas Hapus
avatar
admin
December 6, 2012 at 1:48 PM

terima kasih rio adam sudi mampir..

Kalau pasang di template tirana aduka enggak beratkah?mohon bantuan kang rio adam nih.trimas

Balas Hapus
avatar
admin
December 6, 2012 at 8:38 PM

nggak sob....kode JS yang dipake cuma 2.83 KB
jadi saya rasa tidak menambah berat loading blog.

Balas Hapus
avatar
admin
December 10, 2012 at 12:47 PM

terimakasih bang,akhirnya diposting juga tutorialnya ya.
padahal saya juga sudah memasang widget komentar baru berkat bantuan bang Reo,lewat email dulu :)

Balas Hapus
avatar
admin
December 11, 2012 at 6:45 PM

pingin bikin sih,tp blog ku jelek. rasane ora pantes blas. heheh

Balas Hapus
avatar
admin
December 11, 2012 at 7:01 PM

pengin bikin tapi di blogku gak ada widgetnya

Balas Hapus
avatar
admin
December 11, 2012 at 9:48 PM

ya ditambah widgetnya dulu boss,masa master kok ga bisa....:)

Balas Hapus
avatar
admin
December 11, 2012 at 9:49 PM

wehhhh.....seng nyawang kan wong lia sob :)

Balas Hapus
avatar
admin
December 13, 2012 at 2:42 PM

wah, baik banget mas,nya, ijin praktek ya mas

Balas Hapus
avatar
admin
December 13, 2012 at 3:26 PM

mas mau tanya dong, kan aku udah coba neh cara nya, tapi comentar aku juga muncul giman caranya biar komentar aku gak muncul kaya punya mas itu, mksh

Balas Hapus
avatar
admin
December 13, 2012 at 10:15 PM

caranya saya ambil dari blog sahabat sakahayang
sobat kunjungi aja blog itu.

Balas Hapus
avatar
admin
December 14, 2012 at 2:39 PM

bro..biar yg muncul cuma namanya gimana..?jangan ada katanya.
yang harus diubah yang mana.

Balas Hapus
avatar
admin
December 14, 2012 at 7:42 PM

pada characters di kosongkan

Balas Hapus
avatar
admin
December 14, 2012 at 7:44 PM

ijin pakai ya,mksh udah berbagi ilmu. semoga menambah amal jariyah

Balas Hapus
avatar
admin
December 14, 2012 at 8:58 PM

Aamiin....,
silahkan sob,mksh kunjunganya

Balas Hapus
avatar
admin
January 4, 2013 at 10:48 PM

ijin pakai ya bang,maaf baru bikin blog. oh iya bang,tuker link boleh gak yah?

Balas Hapus
avatar
admin
Anonymous
January 13, 2013 at 2:44 AM

Ijin copy kode kawan,saya mau terapkan di blog saya.terima kasih sudah berbagi :-bd

Balas Hapus
avatar
admin
April 26, 2014 at 9:48 PM

Mas Reo, di blog saya koq ga muncul ya, hanya layar hitam, minta hint (y)

Balas Hapus
avatar
admin

PERINGATAN....!!!
Gak Usah Di Komen Bro....
ADMIN lagi maen game
Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Terima kasih sudah berkomentar