Cara Membuat Scroll Pada Kotak Komentar
di postingan kali ini saya akan share penerapan scroll pada kotak komentar di blog. setelah beberapa waktu yang lalu saya share cara membuat reply dan cara membuat link nudging dengan css. scroll pada kotak komentar sangat di perlukan blog dengan traffic yang tinggi dan jumlah komentar yang banyak setiap harinya. keuntungan dari memasang scroll di kotak komentar adalah menghemat tempat, loading menjadi lebih singkat, tentu saja menambah indah juga hehe
untuk memasangnya scroll ini sangat gampang sekali kita hanya bermain dengan css lumayan mudah dan codenya sedikit jadi gak bikin kepala kita pusing deh
- Login blog
- Masuk edit html + centang expand template widget
- Backup dulu tempalte agar bisa jaga-jaga kalo code tidak berhasil
- Tekan CTRL+f => Cari kode #comments-block { atau #comments-block{
- Tambahkan kode berikut, tepat di bawahnya:
max-height:250px;
border:1px solid #eee;
overflow:auto;
nanti codenya akan terlihat seperti ini :
#comments-block {
max-height:300px;
border:1px solid #eee;
overflow:auto;
etc…
}
sebelum sobat simpan silahkan sobat sesuaikan tinggi dari kotak komentarnya dengan merubah angka 300 (berwarna merah)
- Simpan template sobat dan selesai deh :)
semoga berhasil ya membuat scroll pada kotak komentar ini
source : http://cheater-handal.blogspot.com/2011/10/cara-membuat-scroll-pada-kotak-komentar.html
{ 78 komentar... read them below or add one }
mantap nih tutornya bang,, saya udah pake scroll di komentar bang,,
@bang ayriy : makasih hehe
o iya bang...hampir lupa, saya ikut blogrollnya juga ya :)...tuh punya abang dah tak rool di ruangsharing...hahayyy
makasih salam tempel baliknya bang :)
Di Blogku tidak berhasil sob
Makasih Tutornya kang Iman ..
Nihh yang aku sukaaa..mantef banggg...
makasih ya sobat..sudah saya coba dan berhasil...sukses selalu untuk sobat... :)
makasih tutornya bang... izin nyimak dan coba :)
Absen siang
NICE POST SOB
Sementara tutorial saya simpen di notepad, nanti tinggal masang yang sesuai template. Sbb sementara ini belum bisa utak-atik html hehehe
Makasih sob, teruslah berbagi ilmu :)
wuiihh.. kereen kang.. :)
baguzzz sobat desain blognya
Mantap tipsnya, sangat lengkap, ma kasih
aq sudah coba yang ini sob, tapi kotak pos komentarnya ikut masuk ke scrollbox,, gmana solusinya sob? thank you
mantab bang iman hhhehehehe,.,, makin cihuy aja nih.
salam n suport dari [DS]
di template ane, gak ada ini sob #comments-block {
yang ada cuma kode ini, apa ini sama,,
dl class='comments-block' id='comments-block'
kalo udah ada jawaban, beri tahu aq yah sob
@KANG FARHAN : SUDAH DI PASANG KANG
ALL : MAKASIH YA MAAF NGGAK BISA BALES SATU-SATU KARENA SEMPITNYA KONEKSI DAN WAKTU
@ARIF AHSAN : OH TEMPLATE KAMU APAAN SOB?
wahh.. mantap ni.. hahayyy...
semakin keren aja ni banggg :D
Mantap tutornya sob, kapan2 saya pakein scroll juga comentnya, sekarang yang comment masih sedikit hihihihi di blog saya
@ubay : makasih hehe
Mantap tutorialnya ..
langsung saya coba dan pasang di blogku...
@DHEDI : makasih semoga berhasil ya hehe
matap's sob tipsnya......tingkatkan terus.....
cukup bermanfaat bila jumlah komentar cukup banyak,,,
wilujeng ngeblog
Nice site, keep up the good work :)
Hello Friend, Im sick again :(:( but i was here today :)
ini yg ku cari, thankz gan infonya..
terima kasih sudah share sob
Oya gan, ane mau tanya mohon di jawab. gmn cara pasang kotak komentar bisa di taruh di bawah kotak scroll komentar pengunjung blog. ya contohnya kaya Form Komentar milik agan ini, kan antara kotak scroll komentar pengunjung ma kotak Form Komentar bisa misah gtu.. ane mau pasang model ginian kok g nemu ya caranya hehehe. ( Maklum NEWBIE gan :D ) Terima Kasih
waah..kayaknya ini yang saya Cari Bang....terima kasih nih infonya...saya coba dl...(^_^)
berkunjung sambil menantikan postingan terbaru
tips dan trik yang keren nih sob, thanks ya
@i-one : makasih
@kang asep : makasih kang
@goldenism : thanks
@elektro : thanks :D
@ahmad : sama-sama semoga bermanfaat ya
farid : sama-sama hgehe
@ary-putra : cara ini yang saya pake di blog ini berhasil kok, kotaknya misah :D
@mas tosu : makasih hehe
Maaf nih keluar jalur,,,,
Silahkan sob kalo mo ikutan, udah PR2 kan?
Yg penting Blogroll tampil di homepage,,,
Kasih tahu saya ya kalau sudah terpasang ,,,
wilujeng ngeblog
mantap tutorialnya..
langsung dicoba aja deh,,makasih kawan :)
langsung eksperimen di blogcepot nih..
thanks tutorialnya mas
@KANG ASEP : LINKNYA udah saya pasang kang di blog roll
@eko : silahkan bang
@ino putro : sip semoga sukses eksperimennya hehe
pas banget nih sobat, kan di komentar sy ada yg salah tuh sobat, dan mohom bantuannya sobat...
komentr blog saya sudah di scrol namun sy lupa kodenya sobat, sy hendak merubahnya supaya yg terscrool hanya komentarnya saj buka kotak komentarnya, yg sy inginkan seperti kotak komntr sobat ini.. mohon bantuannya sobat...
infonya bagus gan....aku mao coba..trimakasih...
wah, ilmu baru nih, trims yaaa :D
http://www.ondenkzz.co.cc
mantep sob...
kunjungan btw..
keren neh postingannya sob
by : http://sangir01.blogspot.com/
hadir kembali sob tuk nyimak artikel2nya sobat :)
Absen siang
Terima kasih. Saya pernah menggunakan ini tapi saya rubah kembali ke standar, tapi setelah baca ini jadi pingin dibikin scroll lagi.
trima kasih bang atas share ilmu na,..
boleh d coba nih.
tutorialnya keren banget niy
bagus tutornya :)
selamat malam sobat...berkunjung disini... :)
salam persahabatan
wahhhh ini yang di cari..... untung dapat dari sobatku ini.... terimaka kasih ye....
ini ni,, yang ane cari... langsung praktek dah... main2 ya
Mantap sekali sob tipsnya :-) thanks
ane berhasil gan :D
@bang asis : wah saya nggak tau nih bang kalo model scroll yang dlu hehe maaf bang nggak bisa bantu yang saya tau cuma cara ini
@indonesia : makasih ya
@deny kurniawan : jangan nyepam dong !
@firman : oke sama-sama
@nero : makasih ya
@sangir : makasih
@black angel : oke :D
@ummiega : silahkan coba lagi hehe
@nurrohmat : makasih ya
@kasgus : silahkan :D semoga berhasil
@sweethy : makasih
hzndi: makasih
@dwi yulianto : maksih ya
@zhey five : alhamdulillah
@ale kaleng :oke silahkan semoga berhasil
@fikri : makasih ya
@keluarga ale : ehehe alhamdulillah
sep sob... happy blogging.. :D
@ofie : makasih happy blogging to
Wah punya blog lagi ya bang. Sip dah. sukses selalu. :)
hehe..bener juga. sayangnya ga ada yg komen di tempetku. salam kenal dari newbie, komen ya di blog aku
Nice tutor ...
Blognya keren om ....
Informasi tutorial menaring bang
@nanang ismail L hehe iya
@bagaimana cara : gapapa sob lama-lama juga rame kok
@ricdetop: makasih
@untaian :makasih
di coba lagi bang
sip :P
oke sobb infonya....
makasih
Info menarik dan boleh sekali dicoba, Makasih buat infonya dan sukses
Terima kasih untuk tipsnya, saya mau coba semoga juga.
Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.
Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!
Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba
aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu
Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses
Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses
Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil
Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!
Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba
akan q coba terapkan di blog q sob...
akan kami coba dengan ajaran anda
http://obatpenyakitkistarahim21.blogspot.com
makasi atas info anda
Posting Komentar