Z-T Blog - ya sobat kali ini saya akan berbagi bagaimana cara membuat recent comment dengan scroll seperti Z-T Blog gambar bisa di lihat di atas.. :) ,sebenarnya banyak fariasi macam-macam membuat recent comment, tapi saya akan berbagi kode script recent comment yang ada di Z-T Blog, oke langsung saja ke caranya..
- pastinya masuk ke dashboard blogger sobat
- masuk ke tata letak
- tambah gadget
- lalu cari HTML/JavaScript
- dan masukan kode berikut..
- lalu save.. :)
<div style="overflow:auto; width:100%px; height:250px; padding:0px; border:1px solid #999999;">
<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:#fff;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid #ddd 1px;
}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family: 'trebuchet ms';
font-size:1.00em!important;
color:#2C2929;
text-decoration:none;
}
div.recentcomment-content{
font-size:1.00em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: #fff;
padding:4px;
border:1px solid #ddd;
}
</style><script type="text/javascript">
ava_mode = "all";
var cm_num = 10;
var cm_desc = 13;
var homepage = "http://zhalltrozans.blogspot.com/";
</script>
<script src="http://youdhie.googlecode.com/files/Recent%20Comment%20Thumbnail.js " type="text/javascript"></script>
</div>
<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:#fff;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid #ddd 1px;
}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family: 'trebuchet ms';
font-size:1.00em!important;
color:#2C2929;
text-decoration:none;
}
div.recentcomment-content{
font-size:1.00em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: #fff;
padding:4px;
border:1px solid #ddd;
}
</style><script type="text/javascript">
ava_mode = "all";
var cm_num = 10;
var cm_desc = 13;
var homepage = "http://zhalltrozans.blogspot.com/";
</script>
<script src="http://youdhie.googlecode.com/files/Recent%20Comment%20Thumbnail.js " type="text/javascript"></script>
</div>
keterangan:
- kode yang berwarna Orange itu adalah kode untuk mengaktifkan Scroll di Recent comment, jika sobat tidak memakai kode tersebut, tidak apa-apa tapi nanti recent comment yang di buat tidak ada tampilan scrollnya..
- kode yang berwarna Biru itu adalah kode untuk menampilkan beberapa komentar yang akan tampil di recent coment, sobat bisa mengubahnya sesuka hati.. :)
- kode yang berwarna Hijau itu adalah kode untuk menampilkan jumlah setiap kata-kata dari komentar tersebut, sobat juga bisa mengubahnya sesuka hati.. :)
- kode yang berwarna Kuning itu adalah kode untuk menghubungkan recent comment kepada blog sobat, sobat bisa ganti dengan URL blog sobat.. :)
selamat mencoba sobat ,semoga artikel ini bermanfaat untuk sobat semuanya.. :)
Terima kasih infonya, cukup bermanfaat .. meskipun saya gak berminat untuk makenya .. hehe
ReplyDeleteMantab gan,,,bisa request untuk My wap blog gak,,,kok sulit banget buat scroll gituh di mwp
ReplyDeletesaya baru belajar ngeblog, butuh temen banyak, terimakasih atas infonya . sangat bermanfaat bagi saya, di tunggu kunjungan baliknya http://buyonglotus.blogspot.com/
ReplyDeletemakasih ya sob.
nice info sob
ReplyDeleteOke, tapi ane lebih suka yang biasa sob
ReplyDeleteDitunggu kunjungan baliknya ya
http://tips-gobel.blogspot.com
Buyong Lotus @ okee sobat, saya juga sama nih baru ngeblog.. :D
ReplyDeletejust for a game @ thanks.. :)
Algo Zali Aishiteru @ okee deh, hanya share.. :D
Roland Dio @ okee thx kunjungannya.. :)
ReplyDeletejepri mustika @ gpplah di pasang aja,, hehee :D
SEO NEWBIE @ wah gtau tuh sobat, belum pernah pakai wapmyblog
tapi bagus blog mu, bnyak membernya, bnyak juga yg ngunjungin, jdi iri hehehe, thanks ya sob..,
ReplyDeletemantab kang.... kapan2. infonya menarik..
ReplyDeleteDitunggu kunjugnannya ke home ku.
mantap sob..komentar dan kunjungan baliknya di tunggu ya hehe..
ReplyDeletehttp://johanesgultom.blogspot.com/2013/02/bank-mandiri-solusi-terbaik-terpercaya.html
Ijin nyoba gan...
ReplyDeletebtw, makasih bgt nih...
ini nih yg lagi saya cari cari
ReplyDeletehttp://tutorials1927.blogspot.com/
thanks triknya sob
ReplyDeleteromi boz @ hehee,, thx kunjungannya.. :)
ReplyDeleteRiev - Bapo @ okee sipp.. semoga berhasil.. :D
Firman Ilham @ okee..
Saya sudah coba gan..
ReplyDeletelihat di Blog saya, dan Thank's..
okee sipp.. :D
ReplyDeletemantap sekali gan Artikel ini, ane mau buat juga ah...
ReplyDeleteTapi di Postingan, bisa gak yah??
mampir juga gan kesini yah
http://infodariom.blogspot.com/2013/02/jasa-pembuatan-banner-murah-terpercaya.html
Ahmadi Tanjung @ gtau tuh belum pernah, mungkin bisa, asal ubah ke mode html.. :D
ReplyDeleteHendra herwanto @ okee sipp..
ubah ukuran height dan width aja.. :)
ReplyDeleteizin share gan..
ReplyDeletehttp://mdf-blog.blogspot.com
sipp dah, dapet ilmu baru ^_^
ReplyDeleteokee,, sertai sumbernya yaa.. :)
ReplyDeleteDengan sedikit modifikasi jadinya yahuudd.
ReplyDeleteWah keren sobb ...
ReplyDeleteAkan saya coba :D
thanks ...
Oya ...
Blognya udah ane follow nich sobb ...
Mampir :)
sipp.. :D di coba yaa.. :D
ReplyDeleteokee.. follback kemana sobat..?
ReplyDeleteKeren Cuy...
ReplyDeletewah, keren gan artikelnya.
ReplyDeletejangan lupa mampir ke http://adeputra-pkp.blogspot.com
Maaf gan ane jrang blas komen, soalnya ane agak sbuk skrang ...
ReplyDeleteizin praktek gan :)
ReplyDeleteRezky Maulana @ okee siipp..
ReplyDeleteIlham Yahya @ silahkan sobat.. :)
Wih mantap deh gan
ReplyDeletebagus nih tips nya. ntar ane coba deh. thanks yah http://vandebuy.blogspot.com
ReplyDeleteokee sobat, thx kunjungannya.. :)
ReplyDeleteGan blognya nofollow gitu :D
ReplyDeletegood tutorial... terima kasih... :)
ReplyDeleteFelix Yoga @ dofollow,, hehee.. :D
ReplyDeletenice share sob ^_^ comback y
ReplyDeletethx kunjungannya..
ReplyDeleteinfo yang sangat amazing, so akan tahu kita karena recent komentarnya tampil di sidebar
ReplyDeleteBriptu i gde riski msip Adrian Cell @ siip betul tuh.. hehee.. :D
ReplyDeletewah, kontes SEO ya gan. Semoga menang gan.
ReplyDelete#SALAM BLOGGER
not work
ReplyDeleteade putra @ kontes..? mana..? :D
ReplyDeletePandji Batista @ wah, mungkin tidak cocok dngn templatemu sobat
keren bro....izin coba
ReplyDeletesilahkan sobat.. semoga berhasil.. :)
ReplyDeleteTerima kasih infonya
ReplyDeletethx juga kunjungannya sobat.. :)
ReplyDeleteInfo yang menarik, tapi aku dah punya recent komen yg sama bagusnya, cuma gak scroll gitu..
ReplyDeleteFollback ya gan,
http://nomor2.blogspot.com/