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:
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.
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>
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.
kunjungan gan,
BalasHapuskali aja berkenan mampir balik ;))
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...
BalasHapushehehe..... Kunjungan siang
BalasHapusgimana 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.
BalasHapusmakasih gan tips nya
BalasHapusMalem 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
BalasHapusApa" aja sich yg harus kita pahami trlebih dahulu sebelum kita mempunyai blog..
BalasHapusSaya ini pemula dari segala pemula,jd mohon bimbingan dari para senior..
:)
kalau mau buat tanpa komentar admin gimana sob ????
BalasHapusthanks gan sdh saya coba di blog saya..
BalasHapussilahkan kunjungi http://catatan-piper-comex.blogspot.com
numpang nyimak infonya sob, sanagt menarik untuk dicoba.
BalasHapusKeren infonya Bro
BalasHapus=========================================
BalasHapusberbagi 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
makasih mas atas infonya.sekalian nambah ilmu lagi di sunia blogger.. :D
BalasHapusMakasih :D
numpang belajar disini sob... :)
BalasHapustrimakasih telah berbagi,,, tips n tutorial blognya oke-oke.
BalasHapuskeren gan,, sudah saya coba
BalasHapusmakasih infonya, happy blogging
BalasHapus##################################
BalasHapusnice....
follow my blog
everytimeisshare.blogspot.com/
BLOG MAKE OUR COUNTRY SMART
please comment :)
##################################
kalo bisa kasih gambar nya gan.:)
BalasHapusWah,.. sangat membantu dan bagus sekali hasilnya (^,^).b
BalasHapusFollow My Blog dan tukaran link dengan menjalin persahabatan :D
http://noterian.blogspot.com/
nic bro.keep post...
BalasHapusok :D
BalasHapuskunjungan pagi
BalasHapusmakasi gan....infonya ...ijinn sedot ya
BalasHapusmakasih banyak ya gan sudah mau berbagi ilmunya
BalasHapusMkasih nih informasixa salam kenal gan...
BalasHapusSangat berguna nih informasinya salam kenal gan moga sukses trus....
BalasHapustrima kasih gan infonya..sangat berguna saya sudah psang di blog aku..
BalasHapuskeren gan infonya,, makasihhh banyakkk
BalasHapusmas untuk membuat label berputar kaya di atas itu gimana mas, makasih
BalasHapusOk,,,makasih, keren tutorialnya
BalasHapusMohon Comot om hiihihihihihihihihihihi .... =))
BalasHapusy
BalasHapusthx nih info,a,,!!
BalasHapusthanks gan, izin pake ya..
BalasHapusthx infonya
BalasHapusMylostsaga22.blogspot.com
BalasHapusmakasi infonya gan :D
BalasHapusThanks Sob., Sangat Bermanfaat.. :)
BalasHapusWidget Recent Comment yang apik, dapat menampilkan wajah si pemberi komentar. Salam blogger persahabatan
BalasHapusTips-trik yang menarik, terima kasih telah sudi berbagi
BalasHapusfollow yha blog gua, udah tag follow tu blog anda...hhee..terima kasih.. www.putragerald.co.cc
BalasHapusSalam kenal para blogger, thanks info nya.
BalasHapusmampir ke blog saya yaa ...
http://sonline2012.blogspot.com
http://blogsantoso99.blogspot.com
http://tokosantoso99.blogspot.com
makasih mas, cara recent commentnya,
BalasHapusinfo bagus sobaat .. :D
BalasHapushttp://dyan-seller.blogspot.com
maksih banyak gan atas infonya
BalasHapussalam kenal aja buat semuanaya...
http://anfilem.blogspot.com/
makasih gan, langsung ngefek nih :) kunjungan baliknya yah gan :D
BalasHapusnha.. ni dia nih yg sya cari2.. . langsung sya coba ya gan :)..
BalasHapusmakasih gan information nya
BalasHapuskunjungan balik ya gan + follow please
@Share With Agung Talaga: aq tau ini, saya juga pernahh,, klo kya gtu sob krna templatenya sndri coba ajh gnti template yang lain,,,,
BalasHapusby
http://ahmadbjblogs.blogspot.com/
Komentar ini telah dihapus oleh pengarang.
BalasHapusmaaf kak
BalasHapussory 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
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!
BalasHapussaya ga nongol gan :(
BalasHapushttp://ubuntu-roy.blogspot.com
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
BalasHapusMantab banget gan
BalasHapusJangan lupa mampir gan
Syahbanaakbar Blogspot
:)
BalasHapusIjin nyoba gan moga bisa.
BalasHapuskok gx bisa ya om ,,,,
BalasHapusini kan http://christino00.blogspot.com/ template-nya apa gx bisa di set seperti artickel ini, mohon pencerahan he,,hee,,,
makasih ya mas tutornya sangat membantu kapan - kapan main ke blogkku . oh ya itu harus yang koment temen ya baru nongol ;))
BalasHapusbermanfaat banget thaq
BalasHapusizin lewat :D
BalasHapusMinta Visit+Follownya Ya
BalasHapuswww.1sfgate.blogspot.com =))
kebetulan nih kalau blog punayku udah gx perlu dipasang soalnya bawaan templatenya sudah ada,,heee
BalasHapusNumpang tanya dulu,mas.
BalasHapusKalau recent komennya bisa bergerak keatas dan kebawah ini, harus tambah apa lagi ya, mas?
Makasih sebelum untuk sharing bagusnya.
informasi nya sangat bermanfaat UPDATE TERUS AGAN,
BalasHapusikut nimak informasinya gan salam kenal/.,.,.,.,;)
BalasHapusbtw Scriptnya bikin load jd berat g ya sob?
BalasHapusthanks bro turtorialnya...
BalasHapus:)]
wah mantep ni kayaknya gan. :D
BalasHapusane izin coba di blog ane ya gan.
don't forget to visit back. :)]
best regards.
www.galaxy-ilmu.com
:))
BalasHapusTutorial yang menarik,salam kenal dan sukses selalu:)
BalasHapusmakasih, tutor ini yang sedang ane cari
BalasHapusDicoba dulu, makasih ! ;)
BalasHapusmakasih atas infonya !
BalasHapusthanks sobat
BalasHapusbuy 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
BalasHapushow 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
BalasHapusjadi seperti itu ya agar avatar bisa terpasang di blogspot
BalasHapusterima kasih tutorialnya, keren sekali..
thanks,, it usefully ..
BalasHapusmas mau tanya donng , tau gak cara buat recent coment fb di blog
BalasHapus?
Terimakasih banyak atas informasinya..!
BalasHapussalam kenal dan semoga sukses...
mantab-mantab,........ pantas dicoba
BalasHapusTOGEL SINGAPURA SENIN
BalasHapusTOGEL 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
TOGEL
BalasHapusTOGEL 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 ASK MOM 3D SEX GAME FOR ADULTS 18+ CLICK HERE TO DOWNLOAD
BalasHapusDOWNLOAD 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
Cerita Dewasa
BalasHapusCerita Sex
Cerita Mesum
Cerita Ngentot
Cerita Sex Dewasa
Kumpulan Cerita Sex
Kumpulan Cerita Dewasa
Cerita Sex Remaja
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.
BalasHapusTrims infonya mas, dicoba dulu :)
BalasHapuswebsite
BalasHapus