• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

LinuxSec Exploit

Nothing is Ever Locked

  • XSS Payloads
  • About Us

Cara Membuat Scroll Pada Kotak Komentar

May 9, 2012 by Jack Wilder 56 Comments

Siang tadi, pada artikel Tekken : The Iron First , salah satu sahabat yaitu  Bang Dayat , bertanya bagaimana cara membuat scroll pada kotak komentar seperti blog sederhana saya ini. Jujur saya sangat tersanjung Bang Dayat yang blognya sudah keren tersebut mau bertanya kepada saya yang blog nya masih bisa dibilang amatir.

Oke to the point aja :

  1. Sobat login ke blogger
  2. Pilih Rancangan > Edit HTML
  3. Centang Expand Template Widget (tidak boleh lupa)

Temukan kode

#comments-block{

Lalu tambahkan kode berikut

max-height:300px;border:1px solid #eee;overflow:auto; 

di sebelah kode #comments-block{ sehingga lengkapnya menjadi seperti ini :

#comments-block{max-height:300px;border:1px solid #eee;overflow:auto; 

Lalu save template sobat. (mudah kan ? )

Namun beberapa template , seperti milik saya, tidak ada kode   #comments-block{ di Edit HTML.
Jangan galau, sobat cari saja kode

<div class=’comments’ id=’comments’> 

di Edit HTML .
Kalau sudah ketemu hapus tanda tutup kurung yang dibelakang dan tambahkan di sampingnya kode berikut :

style=’max-height:300px;overflow:auto;’> 

 Sehingga lengkapnya menjadi seperti ini :

<div class=’comments’ id=’comments’ style=’max-height:300px;overflow:auto;’>

 Lalu SAVE template sobat
Mudah kan ????

Jangan lupa komen yaaa.

Shares

Filed Under: Uncategorized Tagged With: Blogger, Tips Dan Trik

Reader Interactions

Comments

  1. Fahmi Setiawan says

    May 9, 2012 at 12:42 pm

    Boleh di tambah tutorialnya. hehe…???
    kalau lebih bagus sih pake border radius…
    jadi nantinya kaya gini…

    #comments-block{
    max-height:300px;
    border:1px solid #eee;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    overflow:auto;
    }

    hehehee, maaf kalo menggurui…

    Reply
    • Bung Penho says

      May 9, 2012 at 5:39 pm

      radius itu bikin kolomnya miring ato agak melengkung ya?

      Reply
    • chiaki says

      May 10, 2012 at 6:28 am

      Radius itu fungsi nya buat apa sob? Maaf masih newbie,blom tahu. Gak ap2 kok sob, saya malah berterimakasih atas tutor nya.

      Reply
    • chiaki says

      May 10, 2012 at 6:31 am

      @Bung Penho : wah, trimakasih kunjungan nya lho.

      Untuk radius tanya pada master nya

      Reply
    • Naturalzine says

      May 10, 2012 at 10:51 pm

      tambahan dari fahmi ni, kalau bole..

      border-radius adalah lengkungan atau busur yang tercipta disetiap sudut kolom/kotak. semakin besar nilai pixelnya, maka akan semakin melengkung sudut kotak tersebut,, sekian sob.. 😀

      Reply
    • diniehz says

      May 10, 2012 at 10:55 pm

      *kemudian pusing* (â—Žīšâ—Ž)

      Ntar saya minta bikinin Fahmi aja deh utk template blog saya yg sekarang hihihihi..

      Reply
    • Fahmi Setiawan says

      May 11, 2012 at 2:35 am

      @Bung Penho: iya border radius itu untuk membuat lengkungan pada border, semakin besar pixelnya semakin melengkung… dan kalo mau pake % (px/%) juga bisa, hehee… cuma kalo pake % agak kelihatan dinamis, hehee..

      @Yuyud: border radius itu untuk membuat lengkungan pada border sob. hehe..

      @Naturalzine: ihiyy ada yang bantu jawab… 🙂

      @Diniehz: jiahahahhaa…….. :p

      Reply
    • chiaki says

      May 11, 2012 at 5:49 am

      @Fahmi : makasih info nya sob.

      Reply
    • chiaki says

      May 11, 2012 at 5:51 am

      @diniehz : wah, bang fahmi ternyata jago bikin template ya sob.

      Reply
    • Fahmi Setiawan says

      May 12, 2012 at 6:10 am

      @Yuyud : ya it's ok sob :D, hah? jagoo? gak kok hehehe biasa aj 🙂

      Reply
  2. Asis Sugianto says

    May 9, 2012 at 9:50 pm

    ini sama seperti di blog saya sobat, yang saya cari kotak komentar gak ikutan terscrol sobat…

    Reply
    • chiaki says

      May 10, 2012 at 6:32 am

      Sebenar nya saya juga nyari sob. Tapi blom ktemu.

      Reply
    • Asis Sugianto says

      May 10, 2012 at 10:00 pm

      kalau uda ketemu sampaikan ke saya sob, sy juga nyari nih, hehhehe

      Reply
    • chiaki says

      May 11, 2012 at 5:47 am

      Oke sob

      Reply
  3. cik awi says

    May 9, 2012 at 10:14 pm

    wah boleh nih tipsnya…

    Reply
    • chiaki says

      May 10, 2012 at 6:34 am

      Silakan sob.

      Reply
  4. USOFT says

    May 10, 2012 at 6:46 am

    wah..! bagus banget nih bang Yuyud.. 😀 ini kalo nanti komntar saya kepanjangan,.. 😀 save dulu ya.. 😀

    oia bang.. bisa bagi gak buat saja script page navigation kaya diblog ini.. soalnya page navigation blog saya itu error. padahal CSS nya udah ada, tapi gk tampil.. 😀 Pleaseee bang.. 😀

    Reply
    • chiaki says

      May 10, 2012 at 11:32 am

      Iya deh, kapan kapan saya posting.

      Reply
  5. Si Belo says

    May 10, 2012 at 8:10 am

    hehe…kemaren gue sempet puyeng tuh utak atik HTML, sampe males ngeBLOG 🙂

    Reply
    • chiaki says

      May 10, 2012 at 11:33 am

      Pantesan lama gak aktif 😀

      Reply
  6. cii yuniaty says

    May 10, 2012 at 8:17 am

    klo soal html ga brani utak atik sob….hehehe

    Reply
    • chiaki says

      May 10, 2012 at 11:34 am

      Dicoba aja sob. Yang penting template nya di download dulu. Ntar kalo ada kesalahan template nya di upload lagi 😀

      Reply
  7. Hamasah Islam says

    May 10, 2012 at 8:52 am

    iya ya, lucu.
    jadi nggak makan tempat gitu..
    makaih tutorialnya yaaa
    hehe

    Reply
    • chiaki says

      May 10, 2012 at 11:35 am

      Sama-sama sob.

      Reply
  8. Uzay ^,^ says

    May 10, 2012 at 10:37 am

    Pernah pake dulu tapi entah kenapa jadi agak berat blognya.. kapan-kapan pake lagi deh..

    Reply
    • chiaki says

      May 10, 2012 at 11:37 am

      Kok bisa tmbah berat ya sob? Kalo punya saya biasa tuh. 😀

      Reply
    • Uzay ^,^ says

      May 11, 2012 at 4:33 am

      kurang tau deh, setelah pake itu sehari banyak yang ngirim message di fb blok gw katanya berat.. nanti coba pake cara ini deh insya allah.. lagi pengen ganti tampilan dulu bosen..

      Reply
    • chiaki says

      May 11, 2012 at 5:46 am

      Ya sob. Kalo yg ini insya allah gk pengaruh ke loading blog.

      Reply
  9. Dusun Blog says

    May 10, 2012 at 11:30 am

    Makasih untuk tutorial nya mas 😀

    Reply
    • chiaki says

      May 10, 2012 at 11:38 am

      Sama2

      Reply
  10. Aldio says

    May 10, 2012 at 11:54 am

    wah mantap nih tutorial membuat scroll di kotak comment-nya, makasih sob

    Reply
    • chiaki says

      May 10, 2012 at 5:49 pm

      Sama sama

      Reply
  11. Bang Dayat says

    May 10, 2012 at 12:28 pm

    wahhh, ini yang ane cari sob, soalnya punya saya kepanjangan kebawah 😀

    Reply
    • chiaki says

      May 10, 2012 at 5:51 pm

      Silakan dicoba sob.

      Reply
  12. Fahri Samudra says

    May 10, 2012 at 6:03 pm

    Wah, ane belum make scroll nih, izin bookmark ya sob, siapa tau ane butuh suatu saat terima kasih banyak sob

    Reply
    • chiaki says

      May 10, 2012 at 6:18 pm

      Sama sama sob

      Reply
  13. Irwantz' says

    May 10, 2012 at 9:56 pm

    OUW gitu hehe
    baru tau saya

    next join and folow donk blog saya
    jangan lupa pasang tombol folo nya yaa
    biar gampang nge folowback 😀

    Reply
    • chiaki says

      May 11, 2012 at 4:47 am

      Tombol follow saya letakkan di pojok kanan atas. Biar gak berat blog nya.

      Reply
  14. A-NX Blog says

    May 11, 2012 at 12:05 am

    punya saya sudah scroll sob..
    tp makasih tutornya, bwt tambahan 🙂

    Reply
    • chiaki says

      May 11, 2012 at 4:48 am

      Sama-sama

      Reply
  15. Aldio Blog says

    May 11, 2012 at 3:34 am

    mampir lagi sob, med siang dan beraktifitas

    Reply
    • chiaki says

      May 11, 2012 at 4:52 am

      Oke sob.makasih kunjungan nya.

      Reply
  16. NF says

    May 11, 2012 at 4:10 am

    aku juga belum pake scroll nih, dicobain dulu yaa, makasihh

    Reply
    • chiaki says

      May 11, 2012 at 5:45 am

      Silakan dicoba sob.

      Reply
    • NF says

      May 11, 2012 at 7:07 am

      ga ada #comments-block{ di html ku, udah nyari pake CTRL F tapi ga nemu, kalau #comments doang sih banyak, gimana ya?

      Reply
    • chiaki says

      May 11, 2012 at 7:42 am

      coba sobat cari kode yang ke dua. kalau kode yamg kedua insya allah ada. 😀

      Reply
  17. Faizal Indra kusuma says

    May 11, 2012 at 4:23 am

    Mantap juga nih 🙂

    Eh gan jangan kebanyakan gadget.. load T____T #nangis

    Reply
    • chiaki says

      May 11, 2012 at 5:44 am

      Wah, loading nya berat ya. Tapi blog saya keliatan kosong kalo gk pake gadget. 😀

      Reply
  18. Cirebon-Cyber4rt says

    May 11, 2012 at 6:50 am

    nice tutorialnya sob 🙂

    Reply
    • chiaki says

      May 11, 2012 at 7:09 am

      Makasih

      Reply
  19. cayo punya blog says

    May 16, 2012 at 8:19 am

    mantap infonya gan…nanti aku coba pasang ke blog.

    Reply
  20. Noa Salfhali says

    May 23, 2012 at 4:21 am

    Wah, mantep banget tipsnya..
    thanks ya bro..

    Reply
  21. Adang N M I says

    June 26, 2012 at 10:31 am

    udah di coba tapi belum berhasil,tapi saya mengucapkan banyak terima kasih banyak ata iformasinya ..
    semngat berbagi kawan..

    Kunjungan blogwalking.
    Sukses selalu..
    kembali tak lupa mengundang juga rekan blogger
    Kumpul di Lounge Event Blogger "Tempat Makan Favorit"

    Salam Bahagia

    Reply
  22. BUDI PRASETYO says

    July 22, 2012 at 7:13 pm

    maturnuwun ya mas, wah keren tapi masih bingung mas, nyarinya, dah ku cuba tapi gak dapat juga..

    Reply
    • chiaki says

      October 19, 2012 at 12:26 pm

      Yang gak bisa dimana nya sob. ?

      Reply
  23. muhammad isra says

    March 13, 2015 at 6:46 am

    waaahhh.. keren banget mas kotak komentarnya….mempunyai kreasi tersendiri jadinya…izin coba mas pada blog yang saya punya..

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Popular Post

bWAPP Remote File Inclusion Medium Security Level

WordPress Fraction Theme Version 1.1.1 Privilege Escalation

Upload Backdoor Lewat MySQL Database (phpMyAdmin)

FastMail Custom Domain or Subdomain Takeover

Command Injection Bypass Cheatsheet

Tool Deface Opencart Bruteforce and Upload Image

Prestashop Module Blocktestimonial File Upload Auto Exploit

GitHub Custom Domain or Subdomain Takeover

Heroku Custom Domain or Subdomain Takeover

CVE-2019-13360 – CentOS Control Web Panel Authentication Bypass

LinuxSec / 67 queries in 0.12 seconds