Beranda
Komentar

Cara Menambah Lebar Form Komentar

Menambah Lebar Form Komentar - Ada pertanyaan dari sahabat di Forum blog ini dan  Forum Diskusi , tentang bagaimana cara merubah ukuran form komentar. Walau pun pertanyaannya sudah terjawab, saya kira masih ada sahabat yang belum mengetahui cara melebarkan form komentar ini.cara melebarkan kotak komentar blogger

Banyak template yang saya lihat formnya yang tidak seimbang dan agak mengganggu keindahan blog, baik bagi pemilik atau pengunjung.. :)

Banyak cara yang bisa dilakukan, kalau kata Bang Haji : Banyak jalan menuju Roma... :D  Setelah trial and error, saya menemukan cara yang paling mudah dan hasilnya presisi, tidak berat sebelah.

Untuk merubah ukuran /melebarkan kotak komentar, simpan kode ini di atas ]]></b:skin>
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
Sebelum penambahan kode CSS diatas, kurang lebih seperti ini

cara melebarkan kotak komentar blogger

Setelah penambahan kode CSS, hasilnya seperti ini :

cara melebarkan kotak komentar blogger

Semoga bermanfaat...

86 komentar

Disqus
1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Perfect Mas. Sudah saya coba. terima kasih ya mas.. |o|
    Hapus Komentar
  2. bisa ga gan ! kalo #comment-editor di ubah menjadi 100% ? kayaknya kelebaran jadinya elek :P
    liat aja tuh aha-blogs.blogspot.com
    Hapus Komentar
  3. kalau untuk membuat komentar terbaru berada di urutan atas, terus ke bawah semakin lama bagaimana kang?
    Hapus Komentar
  4. terima kasih atas info nya
    www.duniagame.info
    Hapus Komentar
  5. Oke. Thanks kang. Membantu sekali.
    Hapus Komentar
  6. Terima kasih banyak Kang tutorialnya bermanfaat..
    Hapus Komentar
  7. Komentar ini telah dihapus oleh pengarang.
    Hapus Komentar
  8. jadi pas lebarnya kalau diatur maksimal :D
    Hapus Komentar
  9. maaf kang mau tanya untuk buat yg kaya di atas form komentar akang ini gimana ya caranya,
    yang ada tulisan (Catatan : * dilarang####) mohon bantuannya kang monggo :D
    Hapus Komentar
    • Hapus Balasan
      disini sob http://blog.kangismet.net/2013/05/membuat-pesan-di-atas-form-komentar.html
  10. Sip kang, saya sudah terapkan cara ini pada Comment Form di blog saya agar terlihat bagus, rapi dan lebarnya sema dengan Comment Form Message.
    Hapus Komentar
    • Hapus Balasan
      Maaf Typo maksudnya sama :D hahay
  11. beres :) akhirnya dapat juga tips yang saya cari.Hari ini akan saya bongkar semua tips bloggernya biar nambah wawasan.kang Ismet OK :)
    Hapus Komentar
  12. trimakasih kang ismet tutornya..
    jadi skg form komentar jadi seimbang levarnya pada artikel yg belum ada komentar dgn yg sudah ada komentar!
    Hapus Komentar
  13. saya belum berhasil ya kang ismet ? saya coba ditemplate lain berhasil, apa ini berkaitan dengan komentar Damar Zaky ? terimakasih sebelumnya kang.
    Hapus Komentar
  14. Saya kang udah dari lebarnya mudahan bagi teman-teman yang form kolom komentarnya belum lebar bisa terbantu dari tips Kang ini :)
    Hapus Komentar
    • Hapus Balasan
      betul sob... biar lebih enak liatnya
  15. punya ku kayaknya udah lebar :D ..
    tapi caranya simple ya.. bisa di pake buat jaga-jaga .
    Hapus Komentar
    • Hapus Balasan
      silahkan Miz... di simpen aja :)
  16. keren mas haturnuhun ah wilujeng saum
    Hapus Komentar
    • Hapus Balasan
      sami2 kang.. ulah kirang2 ngahapunten
  17. makasih ya kang :) kapan2 boleh dong mampir ke blog saya http://nandarious.blogspot.com/ :D
    Hapus Komentar
  18. owalahh, walau posting pendek tapi tetap bermutu (y) hidup blogger Indonesia!
    Hapus Komentar
    • Hapus Balasan
      biar pendek yang penting permainannya..... wkwkwkkwkwk
  19. Trimakasih totornya kang..
    Hapus Komentar
  20. mf ya kang agak keluar nih ..
    kalau saya perhatikan dari sisi art saya
    hadirnya menu hijau kayaknya menghilangkan eleganitas template ini kang ..
    sekali lagi mf kang .. itu cuma pandangan saya saja
    pada dasarnya kang ismet dengan membuat menu itu sudah melalui pertimbangan yg oke ..
    secara keseluruhan template ini sangat luarbiasa kang..
    marhaban ya ramadhan semoga lancar puasanya kang ..amiennn
    Hapus Komentar
    • Hapus Balasan
      saya juga kurang srek sebenarnya.... masih dalam pertimbangan sob... ingin membuat navigasiuntuk memudahkan pengunjung sebenarnya :)
  21. wawawaw .. responsive kakakk !! ^_^

    haha ituu , notif komentar nya ngakakk !!! :-bd @@, |o|

    Artikel cantik ini !! hahaha
    Hapus Komentar
  22. Hal ini yg sdh lama pengen ta coba..trims kang..
    Tinggal nunggu waktu luang buat praktekin nya :)
    Hapus Komentar
  23. Terima kasih kang satu masalah sudah terasi ..
    Hapus Komentar
  24. ini adalah pertanyaan saya waktu konsul sma kang ismet.:D Walaupun bisa dibilang hal sepele, tpi tidak semua blogger tahu. :-bd
    Hapus Komentar
    • Hapus Balasan
      betul sob... banyak yang mengabaikan hal2 kecil
  25. mau komen apa yha..??
    punya ide gk kang..??
    Hapus Komentar
    • Hapus Balasan
      wkwkwk, bukannya itu comment ya ? :P
  26. langsung bisa kang :D
    Hapus Komentar
    • Hapus Balasan
      congrats deh kalau berhasi :)
  27. Melihat kodenya memang sederhana sekali, tapi jika tidak mengetahuinya punyeng juga untuk membuat kotak editor komentar presisi... Masih banyak yang belum mengetahui...postingannya berguna sekali kang...
    Hapus Komentar
    • Hapus Balasan
      kodenya memang sangat simple mas tapi ampuh hehehehehe :-bd
  28. loh dulu rasanya saya pernah coba nggak bisa deh, soalnya kan itu iframe, kalo nggak salah iframe itu stylenya harus di inject kan?, tapi saya coba dulu deh, rasanya ada yang aneh aja....
    Hapus Komentar
    • Hapus Balasan
      silahkan dicoba dulu aja... nanti ditunggu laporannya.. kalau gagal minta link demonya :)
  29. nuhun kang :D
    Hapus Komentar
  30. Mas kalo saya kelebaran gimana ya.. http://center60.blogspot.com/
    Hapus Komentar
    • Hapus Balasan
      saya liat udah normal ko :)
  31. makasih kang , ini yang saya tunggu |o|
    Hapus Komentar
  32. thanks tipsnya kang...
    Hapus Komentar
  33. nuhun kang :D
    Hapus Komentar
  34. kunjungan pagi kang, wah keren ternyata gak ada yang gak mungkin ya di dumay ini, hehehe
    Hapus Komentar
    • Hapus Balasan
      betul sob.. banyak jalan menuju roma.... :)
  35. Kang Ismet, ngambil dari pertanyaan saya ya?? sampai-sampai membuat suatu Artikel dari pertanyaan saya!! =D

    Terima Kasih kang telah Peduli sama pertanyaan saya!!! :-d
    Hapus Komentar
    • Hapus Balasan
      betu sob... mencoba supaya bermanfaat buat orang lain :)
  36. memang yang seperti ini sering menjadi kendala untuk para blogger emula seperti saya kang ismed..

    trimakasih banyak triknya kang... :-d
    Hapus Komentar
    • Hapus Balasan
      sama2 sob... kadang2 para master juga banyak yang ga presisi form komentarnya :)
  37. sudah saya praktekin kang htur nuhun..
    sekalian mau OOT sama master nih, gini kang saya mau pasang emo di blog, masalahnya kenapa emo di tampilan selular jadi memanjang ke bawah yah, padahal di kompi ga ada masalah kang..hatur nuhun
    Hapus Komentar
    • Hapus Balasan
      punten kacoret kang :) coba pake template responsive, mobilenya jangan diaktifkan. atau alternatif, harus di tambah CSS emo buat mobile...
  38. hatur nuhun kang, artikelna bermanfaat pisan. tos di cobian dina blog saya, dan hamdalah sukses. . |o|
    Hapus Komentar
  39. sepertinya di blog saya udah lebar, tp ok lah...saya save kang, mungkin blog saya 1 nya minta di lebarin :D
    Hapus Komentar
    • Hapus Balasan
      hehehe.. lebarin aja semua :)
  40. Thanks... Ini Yang Ku Tunggu..
    Hapus Komentar
    • Hapus Balasan
      padahal udah banyak tutorial ya :)
    • Hapus Balasan
      Oh Ya kang..

      Pas Saya Pasang Kok Emoticon Saya Pas Di klik ga keluar kodenya.. Itu Kenapa,, ???

      Maad Mengganggu .. :)
  41. tutorialnya mantap sob |o|
    Hapus Komentar
  42. Wah mantab nih trik nya kang, mengingat banyak keluhan blogger u/ merubah ukuran form komentar. Btw, bisa pakai javascript juga kan ya kang, tapi memang terbukti sih lebih ringkas dan jauh lebih ringan kalau dibuat pakai css.. hehe :)
    Hapus Komentar
    • Hapus Balasan
      iya sob... bisa aja, tapi mending pake CSS sih
  43. Kang, maaf nih OOT.
    Saya mau tanya tentang sticky widgetnya. Bagaimana cara membuat logo FP terintegrasi dengan +1 google.
    Hapus Komentar
    • Hapus Balasan
      itu beberapa widget saya satukan, jadi sebagian buat CATCHER sebagian buat STICKY.. gambaran pembagiannya seperti ini :

      [img]http://3.bp.blogspot.com/-nsQ8_inB4GM/Udo-oSDSbeI/AAAAAAAAExo/Urk2R-P2qqc/s1600/sticky.png[/img]
  44. jadi pingin di terapkan,beh sama panjang sama sisi sama-sama hatur nuhun kang :D
    Hapus Komentar