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
mantap nih tutornya bang,, saya udah pake scroll di komentar bang,,
BalasHapus@bang ayriy : makasih hehe
BalasHapuso iya bang...hampir lupa, saya ikut blogrollnya juga ya :)...tuh punya abang dah tak rool di ruangsharing...hahayyy
BalasHapusmakasih salam tempel baliknya bang :)
Di Blogku tidak berhasil sob
BalasHapusMakasih Tutornya kang Iman ..
BalasHapusNihh yang aku sukaaa..mantef banggg...
BalasHapusmakasih ya sobat..sudah saya coba dan berhasil...sukses selalu untuk sobat... :)
BalasHapusmakasih tutornya bang... izin nyimak dan coba :)
BalasHapusAbsen siang
NICE POST SOB
BalasHapusSementara tutorial saya simpen di notepad, nanti tinggal masang yang sesuai template. Sbb sementara ini belum bisa utak-atik html hehehe
BalasHapusMakasih sob, teruslah berbagi ilmu :)
wuiihh.. kereen kang.. :)
BalasHapusbaguzzz sobat desain blognya
BalasHapusMantap tipsnya, sangat lengkap, ma kasih
BalasHapusaq sudah coba yang ini sob, tapi kotak pos komentarnya ikut masuk ke scrollbox,, gmana solusinya sob? thank you
BalasHapusmantab bang iman hhhehehehe,.,, makin cihuy aja nih.
BalasHapussalam n suport dari [DS]
di template ane, gak ada ini sob #comments-block {
BalasHapusyang 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
BalasHapusALL : MAKASIH YA MAAF NGGAK BISA BALES SATU-SATU KARENA SEMPITNYA KONEKSI DAN WAKTU
@ARIF AHSAN : OH TEMPLATE KAMU APAAN SOB?
wahh.. mantap ni.. hahayyy...
BalasHapussemakin keren aja ni banggg :D
Mantap tutornya sob, kapan2 saya pakein scroll juga comentnya, sekarang yang comment masih sedikit hihihihi di blog saya
BalasHapus@ubay : makasih hehe
BalasHapusMantap tutorialnya ..
BalasHapuslangsung saya coba dan pasang di blogku...
@DHEDI : makasih semoga berhasil ya hehe
BalasHapusmatap's sob tipsnya......tingkatkan terus.....
BalasHapuscukup bermanfaat bila jumlah komentar cukup banyak,,,
BalasHapuswilujeng ngeblog
Nice site, keep up the good work :)
BalasHapusHello Friend, Im sick again :(:( but i was here today :)
BalasHapusini yg ku cari, thankz gan infonya..
BalasHapusterima kasih sudah share sob
BalasHapusOya 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
BalasHapuswaah..kayaknya ini yang saya Cari Bang....terima kasih nih infonya...saya coba dl...(^_^)
BalasHapusberkunjung sambil menantikan postingan terbaru
BalasHapustips dan trik yang keren nih sob, thanks ya
BalasHapus@i-one : makasih
BalasHapus@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,,,,
BalasHapusSilahkan sob kalo mo ikutan, udah PR2 kan?
Yg penting Blogroll tampil di homepage,,,
Kasih tahu saya ya kalau sudah terpasang ,,,
wilujeng ngeblog
mantap tutorialnya..
BalasHapuslangsung dicoba aja deh,,makasih kawan :)
langsung eksperimen di blogcepot nih..
BalasHapusthanks tutorialnya mas
@KANG ASEP : LINKNYA udah saya pasang kang di blog roll
BalasHapus@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...
BalasHapuskomentr 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...
BalasHapuswah, ilmu baru nih, trims yaaa :D
BalasHapushttp://www.ondenkzz.co.cc
mantep sob...
BalasHapuskunjungan btw..
keren neh postingannya sob
BalasHapusby : http://sangir01.blogspot.com/
hadir kembali sob tuk nyimak artikel2nya sobat :)
BalasHapusAbsen siang
Terima kasih. Saya pernah menggunakan ini tapi saya rubah kembali ke standar, tapi setelah baca ini jadi pingin dibikin scroll lagi.
BalasHapustrima kasih bang atas share ilmu na,..
BalasHapusboleh d coba nih.
tutorialnya keren banget niy
BalasHapusbagus tutornya :)
BalasHapusselamat malam sobat...berkunjung disini... :)
BalasHapussalam persahabatan
wahhhh ini yang di cari..... untung dapat dari sobatku ini.... terimaka kasih ye....
BalasHapusini ni,, yang ane cari... langsung praktek dah... main2 ya
BalasHapusMantap sekali sob tipsnya :-) thanks
BalasHapusane berhasil gan :D
BalasHapus@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
BalasHapus@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
BalasHapus@ofie : makasih happy blogging to
BalasHapusWah punya blog lagi ya bang. Sip dah. sukses selalu. :)
BalasHapushehe..bener juga. sayangnya ga ada yg komen di tempetku. salam kenal dari newbie, komen ya di blog aku
BalasHapusNice tutor ...
BalasHapusBlognya keren om ....
Informasi tutorial menaring bang
BalasHapus@nanang ismail L hehe iya
BalasHapus@bagaimana cara : gapapa sob lama-lama juga rame kok
@ricdetop: makasih
@untaian :makasih
di coba lagi bang
BalasHapussip :P
Hapusoke sobb infonya....
BalasHapusmakasih
Info menarik dan boleh sekali dicoba, Makasih buat infonya dan sukses
BalasHapusTerima kasih untuk tipsnya, saya mau coba semoga juga.
BalasHapusSaya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.
BalasHapusTerima Kasih, Tulisan yang sangat membantu. Salam Sukses!
BalasHapusTerima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba
BalasHapusaku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu
BalasHapusSetelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses
BalasHapusMenarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses
BalasHapusCemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
BalasHapusAmazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil
BalasHapusTerima Kasih, Tulisan yang sangat membantu. Salam Sukses!
BalasHapusTerima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba
BalasHapusakan q coba terapkan di blog q sob...
BalasHapusakan kami coba dengan ajaran anda
BalasHapushttp://obatpenyakitkistarahim21.blogspot.com
makasi atas info anda
BalasHapus