Membuat Recent Comment Avatar

Masih ingat dengan tulisan terdahulu? atau belum baca? Dulu pernah saya tuliskan, ada 8 widget yang sebaiknya ada di blog kita, salah satu diantaranya adalah Recent Comment. Kembali saya kutip dari tulisan terdahulu itu,

Recent comment, yaitu widget yang menampilkan komentar-komentar terbaru dari blog kita. Karena biasanya sebuah blog identik dengan person sehingga tulisannya itu berasal dari pemikirannya dan bisa dikomentari orang lain. Selain itu akan menambah semangat untuk berkomentar dan menghargai komentarnya.

Untuk itu, kali ini juga Belajar Ngeblog di BLOG akan membahas cara membuat Recent Comment yang lebih menarik, mengapa? Karena recent comment yang akan kita buat bisa menampilkan avatar si komentator, kalau yang biasa melihat di blog yang ada di wordpress, ya seperti itulah tampilannya. Jadi akan ada avatar (gambar) nama, dan isi komentar. Tentunya widget ini akan membuat tampilan blog lebih menarik. Langsung saja kita praktekan!

Cara Membuat Recent Comment Avatar.
1. Login ke akun blogger.com
2. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
3. Kemudian masukan kode berikut ini:

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://kurniasepta.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

4. Sebelum disimpan ganti http://kurniasepta.blogspot.com dengan URL blogmu sendiri. 5 adalah banyaknya komentar yang akan ditampilkan 50 adalah ukuran avatar dan 60 adalah banyaknya karakter komentar yang muncul.
5. Simpan jika sudah selesai.

Enter your email address:

Baca juga pelajaran ngeblog lainnya

89 komentar:

$ystemGoo mengatakan... Balas Komentar

kunjungan gan,
kali aja berkenan mampir balik ;))

Share With Agung Talaga mengatakan... Balas Komentar

Dulu saya pernah coba pasang kode seperti ini pada blog saya yg masih pake template bawaan blogger.com. Setelah saya ganti template dari Mas Oom, setiap saya mau tambahkan widget yg mengandung javascript di sidebar kiri blog saya, maka widget yg ada di footer langsung bergeser ke atas dan menutupi halamn artikel di blogq. Saya kurang tau apa masalahnya. Mudah2an saya bisa pake kode di atas pada blog saya yg lain. jadi, ijin copy aja dulu ya mas Admin...

Mas Ihsan mengatakan... Balas Komentar

hehehe..... Kunjungan siang

SAUJA just love it guys. mengatakan... Balas Komentar

gimana cara membuat blog biar ga keseluruhan artikel kita keliatan di awal orang buka blog kita, seperti blog kamu ini keren jadinya, cuma judul dan ringkasan awal blog nya aja yang kebuka. please bantu donk.

wisata indonesia mengatakan... Balas Komentar

makasih gan tips nya

Wandy jar mengatakan... Balas Komentar

Malem blogger blogspot. Ane blogger mywapblog.com (mobile), saya mau ajak anda dan seluruh blogger blogspot untuk menyaksikan kontes CSS, yaitu lomba design theme untuk template MWB. tapi hanya bisa di saksikan melalui handphone, dg browser opmin 4 sampai 6. Jangan lupa ajak blogger lainnya. Salam kumpak dunia blogging. Visit my blog Www.bahalap.mwb.im untuk menyaksikan kontes CSS

KiraAdi mengatakan... Balas Komentar

Apa" aja sich yg harus kita pahami trlebih dahulu sebelum kita mempunyai blog..
Saya ini pemula dari segala pemula,jd mohon bimbingan dari para senior..
:)

Ilham Bachtiar mengatakan... Balas Komentar

kalau mau buat tanpa komentar admin gimana sob ????

Catatan Piper Comex mengatakan... Balas Komentar

thanks gan sdh saya coba di blog saya..
silahkan kunjungi http://catatan-piper-comex.blogspot.com

BUDI PRASETYO mengatakan... Balas Komentar

numpang nyimak infonya sob, sanagt menarik untuk dicoba.

medan mengatakan... Balas Komentar

Keren infonya Bro

Trica Jus mengatakan... Balas Komentar

=========================================
berbagi Kata Kata Motivasi cuy
Hidup ini penuh pilihan. Semakin baik keputusan yang kamu pilih semakin baik juga kamu dalam mengendalikan kehidupanmu.
=========================================

semoga dapat di terima :D

Rendy Rizaldy mengatakan... Balas Komentar

makasih mas atas infonya.sekalian nambah ilmu lagi di sunia blogger.. :D
Makasih :D

ivan lionel andreas mengatakan... Balas Komentar

numpang belajar disini sob... :)

desain Grafis mengatakan... Balas Komentar

trimakasih telah berbagi,,, tips n tutorial blognya oke-oke.

Permathic Blog mengatakan... Balas Komentar

keren gan,, sudah saya coba

Rudy Hartono mengatakan... Balas Komentar

makasih infonya, happy blogging

EverytimeIsShare mengatakan... Balas Komentar

##################################
nice....
follow my blog
everytimeisshare.blogspot.com/

BLOG MAKE OUR COUNTRY SMART
please comment :)
##################################

Agriculturproduct mengatakan... Balas Komentar

kalo bisa kasih gambar nya gan.:)

Rayen mengatakan... Balas Komentar

Wah,.. sangat membantu dan bagus sekali hasilnya (^,^).b

Follow My Blog dan tukaran link dengan menjalin persahabatan :D

http://noterian.blogspot.com/

gombal tingkat tinggi mengatakan... Balas Komentar

nic bro.keep post...

Golden Rayerz mengatakan... Balas Komentar

ok :D

firmanu swantara mengatakan... Balas Komentar

kunjungan pagi

6laskar-pelangi mengatakan... Balas Komentar

makasi gan....infonya ...ijinn sedot ya

psoriasis mengatakan... Balas Komentar

makasih banyak ya gan sudah mau berbagi ilmunya

Bahaya Maag mengatakan... Balas Komentar

Mkasih nih informasixa salam kenal gan...

Gejala Flu Tulang mengatakan... Balas Komentar

Sangat berguna nih informasinya salam kenal gan moga sukses trus....

mansyur syamsudin mengatakan... Balas Komentar

trima kasih gan infonya..sangat berguna saya sudah psang di blog aku..

gondok mengatakan... Balas Komentar

keren gan infonya,, makasihhh banyakkk

Imam mengatakan... Balas Komentar

mas untuk membuat label berputar kaya di atas itu gimana mas, makasih

Insan mengatakan... Balas Komentar

Ok,,,makasih, keren tutorialnya

╬═╬═╬ ҥдскэя ЛэwЪȋэ Windows ╬═╬═╬ mengatakan... Balas Komentar

Mohon Comot om hiihihihihihihihihihihi .... =))

Anonim mengatakan... Balas Komentar

y

Surya.C.G mengatakan... Balas Komentar

thx nih info,a,,!!

Blog Dofollow Indonesia mengatakan... Balas Komentar

thanks gan, izin pake ya..

Koleksi Movie mengatakan... Balas Komentar

thx infonya

Fahriza mengatakan... Balas Komentar

Mylostsaga22.blogspot.com

Kharisma Adzana mengatakan... Balas Komentar

makasi infonya gan :D

Dark Optimus mengatakan... Balas Komentar

Thanks Sob., Sangat Bermanfaat.. :)

MUSIK DIGITAL mengatakan... Balas Komentar

Widget Recent Comment yang apik, dapat menampilkan wajah si pemberi komentar. Salam blogger persahabatan

SATU UNTUK SEMUA mengatakan... Balas Komentar

Tips-trik yang menarik, terima kasih telah sudi berbagi

putra gerrald mengatakan... Balas Komentar

follow yha blog gua, udah tag follow tu blog anda...hhee..terima kasih.. www.putragerald.co.cc

edi santoso mengatakan... Balas Komentar

Salam kenal para blogger, thanks info nya.
mampir ke blog saya yaa ...
http://sonline2012.blogspot.com
http://blogsantoso99.blogspot.com
http://tokosantoso99.blogspot.com

andipandora mengatakan... Balas Komentar

makasih mas, cara recent commentnya,

Raden Arya mengatakan... Balas Komentar

info bagus sobaat .. :D

http://dyan-seller.blogspot.com

kuro mengatakan... Balas Komentar

maksih banyak gan atas infonya
salam kenal aja buat semuanaya...
http://anfilem.blogspot.com/

Gaptek32 mengatakan... Balas Komentar

makasih gan, langsung ngefek nih :) kunjungan baliknya yah gan :D

Putupunyablog mengatakan... Balas Komentar

nha.. ni dia nih yg sya cari2.. . langsung sya coba ya gan :)..

ITCxDivineStar mengatakan... Balas Komentar

makasih gan information nya
kunjungan balik ya gan + follow please

Ahmad Bj Blogs mengatakan... Balas Komentar

@Share With Agung Talaga: aq tau ini, saya juga pernahh,, klo kya gtu sob krna templatenya sndri coba ajh gnti template yang lain,,,,

by
http://ahmadbjblogs.blogspot.com/

Rifadli Ardianto mengatakan... Balas Komentar
Komentar ini telah dihapus oleh pengarang.
Anonim mengatakan... Balas Komentar

maaf kak
sory kak menu ini namanya apa kak
Beranda| Wordpress| Multiply| Posterous| Tumblr| Twitter| Facebook| Plurk| Koprol| Pinterest| Google+| Kompasiana| kurniasepta.com| SD|

dan caranya buat kayak gitu gimana kak,,
thankzz

Yuni Sulistyaningrum mengatakan... Balas Komentar

ada baiknya Anda cantumin sumbernya...itu punya Mas Kholis (johnytemplate.googlecode.com..../recentcomment.js) atau Mas bisa menyimpan script di google code sendiri karena script2 yg punya Mas Kholis sendiri juga sering kena banned yg menyebabkan widget kadang nggak berfungsi....salam persahabatan!

Muhammad Royani mengatakan... Balas Komentar

saya ga nongol gan :(
http://ubuntu-roy.blogspot.com

andi fadlan zainuddin mengatakan... Balas Komentar

sekedar informasi:hati-hati terhadap blog.http://datadvd.blogspot.com.blog ini menipu para pembeli termasuk saya..katanya menjual barang tapi tidak ada sama sekali...sampaikan semua ya untuk para blogger.ini biodatanya:namaya JAMIAN.rekening mandiri:1390004181016. rekening bca:4221238235

Syahbana Akbar mengatakan... Balas Komentar

Mantab banget gan
Jangan lupa mampir gan
Syahbanaakbar Blogspot

Lailatul Khoiriah mengatakan... Balas Komentar

:)

Putri Nalia agustin mengatakan... Balas Komentar

Ijin nyoba gan moga bisa.

rudi aienny mengatakan... Balas Komentar

kok gx bisa ya om ,,,,
ini kan http://christino00.blogspot.com/ template-nya apa gx bisa di set seperti artickel ini, mohon pencerahan he,,hee,,,

fajar mengatakan... Balas Komentar

makasih ya mas tutornya sangat membantu kapan - kapan main ke blogkku . oh ya itu harus yang koment temen ya baru nongol ;))

ada fajar mengatakan... Balas Komentar

bermanfaat banget thaq

zippien mengatakan... Balas Komentar

izin lewat :D

Yusuf Afif Fauzan mengatakan... Balas Komentar

Minta Visit+Follownya Ya




www.1sfgate.blogspot.com =))

cara mengatasi penyakit stroke mengatakan... Balas Komentar

kebetulan nih kalau blog punayku udah gx perlu dipasang soalnya bawaan templatenya sudah ada,,heee

Direktori Penerjemah Indonesia mengatakan... Balas Komentar

Numpang tanya dulu,mas.
Kalau recent komennya bisa bergerak keatas dan kebawah ini, harus tambah apa lagi ya, mas?

Makasih sebelum untuk sharing bagusnya.

ALAT PENIS | SEX TOYS | ALAT BANTU SEX | PEMBESAR PENIS mengatakan... Balas Komentar

informasi nya sangat bermanfaat UPDATE TERUS AGAN,

cara penyembuhan penyakit liver mengatakan... Balas Komentar

ikut nimak informasinya gan salam kenal/.,.,.,.,;)

Ary_Putra mengatakan... Balas Komentar

btw Scriptnya bikin load jd berat g ya sob?

Rizky Pratama mengatakan... Balas Komentar

thanks bro turtorialnya...
:)]

dwi aulia rahman putra mengatakan... Balas Komentar

wah mantep ni kayaknya gan. :D
ane izin coba di blog ane ya gan.

don't forget to visit back. :)]

best regards.
www.galaxy-ilmu.com

IaTzI DeviLz mengatakan... Balas Komentar

:))

znathar mengatakan... Balas Komentar

Tutorial yang menarik,salam kenal dan sukses selalu:)

Awong Ndeso mengatakan... Balas Komentar

makasih, tutor ini yang sedang ane cari

Blog Everything Sharing mengatakan... Balas Komentar

Dicoba dulu, makasih ! ;)

Fazaw mengatakan... Balas Komentar

makasih atas infonya !

BLOGGERGENIUS™ mengatakan... Balas Komentar

thanks sobat

Anonim mengatakan... Balas Komentar

buy taking sides ebook http://audiobooksplanet.co.uk/de/Sport/c1070/?page=3 fashion ebook free [url=http://audiobooksplanet.co.uk/Chemical-Biophysics-Quantitative-Analysis-of-Cellular-Systems/p116542/]the master cleanser ebook[/url] the accidential vampire ebook

Anonim mengatakan... Balas Komentar

how much does a ebook cost http://audiobooksworld.co.uk/Martin-Garrecht/m83975/ well of ascension ebook [url=http://audiobooksworld.co.uk/La-profecia-2013-Historia-Literatura-Universal-Spanish-Edition/p212571/]free best seller ebook downloads[/url] the time traveler's wife ebook

Jefry mengatakan... Balas Komentar

jadi seperti itu ya agar avatar bisa terpasang di blogspot
terima kasih tutorialnya, keren sekali..

djiesoft mengatakan... Balas Komentar

thanks,, it usefully ..

galeri mengatakan... Balas Komentar

mas mau tanya donng , tau gak cara buat recent coment fb di blog
?

Cara Mengobati Penyakit Kanker Payudara Secara Alami mengatakan... Balas Komentar

Terimakasih banyak atas informasinya..!
salam kenal dan semoga sukses...

fairuz achmad mengatakan... Balas Komentar

mantab-mantab,........ pantas dicoba

Indotogel Prediksi Jitu mengatakan... Balas Komentar

TOGEL SINGAPURA SENIN

TOGEL SINGAPURA RABU

TOGEL SINGAPURA KAMIS

TOGEL SINGAPURA SABTU

TOGEL SINGAPURA MINGGU

PREDIKSI TOGEL SENIN

PREDIKSI TOGEL RABU

PREDIKSI TOGEL KAMIS

PREDIKSI TOGEL SABTU

PREDIKSI TOGEL MINGGU

PREDIKSI TOGEL HARI INI SENIN

PREDIKSI TOGEL HARI INI RABU

PREDIKSI TOGEL HARI INI KAMIS

PREDIKSI TOGEL HARI INI SABTU

PREDIKSI TOGEL HARI INI MINGGU

PREDIKSI TOGEL HONGKONG SENIN

PREDIKSI TOGEL HONGKONG RABU

PREDIKSI TOGEL HONGKONG KAMIS

PREDIKSI TOGEL HONGKONG SABTU

PREDIKSI TOGEL HONGKONG MINGGU

PREDIKSI TOGEL HARI INI HONGKONG SENIN

PREDIKSI TOGEL HARI INI HONGKONG RABU

PREDIKSI TOGEL HARI INI HONGKONG KAMIS

PREDIKSI TOGEL HARI INI HONGKONG SABTU

PREDIKSI TOGEL HARI INI HONGKONG MINGGU

SGP SENIN

SGP RABU

SGP KAMIS

SGP SABTU

SGP MINGGU

Indotogel Prediksi Jitu mengatakan... Balas Komentar

TOGEL

TOGEL SINGAPURA

TOGEL HONGKONG

TOGEL SIDNEY

TOGEL MACAU

TOGEL LAOS

RUMUS TOGEL

SHIO TOGEL

SHIO TOGEL 2013

SHIO TOGEL HARI INI

TOGEL SINGAPORE

PREDIKSI JITU TOGEL HARI INI

PREDIKSI TOGEL HARI INI

PREDIKSI TOGEL SINGAPURA HARI INI

TOGEL HARI INI

BOCORAN TOGEL HARI INI

PREDIKSI TOGEL SINGAPURA HARI INI

SHIO TOGEL TERBARU 2013

PREDIKSI TOGEL HONGKONG HARI INI

RUMUS TOGEL HARI INI

DOWNLOAD SEDUCE ME SEX ADULT 18+ PC GAME CLICK HERE mengatakan... Balas Komentar

DOWNLOAD ASK MOM 3D SEX GAME FOR ADULTS 18+ CLICK HERE TO DOWNLOAD

DOWNLOAD GTA 4 PC GAME INSTALLATION SETUP CLICK HERE TO DOWNLOAD

DOWNLOAD TEKKEN 5 PC GAME HIGHLY COMPRESSED INSTALLATION SETUP CLICK HERE TO DOWNLOAD

DOWNLOAD SEDUCE ME SEX ADULT PC GAME 18+ CLICK HERE TO DOWNLOAD

lintasancerita.com mengatakan... Balas Komentar

Cerita Dewasa
Cerita Sex
Cerita Mesum
Cerita Ngentot
Cerita Sex Dewasa
Kumpulan Cerita Sex
Kumpulan Cerita Dewasa
Cerita Sex Remaja

Admin mengatakan... Balas Komentar

blog blog model begini nih yang perlu dibaca. sangat mendidik apalagi buat orang2 macam ane yang baru belajar html buat ngeblog. mantap gan. trims ilmunya.

Direktori Seo-Friendly mengatakan... Balas Komentar

Trims infonya mas, dicoba dulu :)

Poskan Komentar

Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link apapun, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: =))
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentarmu dihapus karena tidak mematuhi aturan!