Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Cara Menambah Lebar Form Komentar

Cara melebarkan kotak komentar / form komentar blogger.
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...

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

86 komentar

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
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. jadi pingin di terapkan,beh sama panjang sama sisi sama-sama hatur nuhun kang :D
    1. betul sob... biar presisi
  2. Kang, maaf nih OOT.
    Saya mau tanya tentang sticky widgetnya. Bagaimana cara membuat logo FP terintegrasi dengan +1 google.
    1. 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]
  3. 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 :)
    1. iya sob... bisa aja, tapi mending pake CSS sih
  4. tutorialnya mantap sob |o|
    1. makasih sob :)
  5. Thanks... Ini Yang Ku Tunggu..
    1. padahal udah banyak tutorial ya :)
    2. Oh Ya kang..

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

      Maad Mengganggu .. :)
  6. sepertinya di blog saya udah lebar, tp ok lah...saya save kang, mungkin blog saya 1 nya minta di lebarin :D
    1. hehehe.. lebarin aja semua :)
  7. hatur nuhun kang, artikelna bermanfaat pisan. tos di cobian dina blog saya, dan hamdalah sukses. . |o|
    1. mangstab atuh sob... :-bd
  8. 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
    1. punten kacoret kang :) coba pake template responsive, mobilenya jangan diaktifkan. atau alternatif, harus di tambah CSS emo buat mobile...
  9. memang yang seperti ini sering menjadi kendala untuk para blogger emula seperti saya kang ismed..

    trimakasih banyak triknya kang... :-d
    1. sama2 sob... kadang2 para master juga banyak yang ga presisi form komentarnya :)
  10. 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
    1. betu sob... mencoba supaya bermanfaat buat orang lain :)
  11. kunjungan pagi kang, wah keren ternyata gak ada yang gak mungkin ya di dumay ini, hehehe
    1. betul sob.. banyak jalan menuju roma.... :)
  12. nuhun kang :D
    1. sami2 kang...
  13. thanks tipsnya kang...
    1. sama2 sob.....
  14. makasih kang , ini yang saya tunggu |o|
  15. Mas kalo saya kelebaran gimana ya.. http://center60.blogspot.com/
    1. saya liat udah normal ko :)
  16. nuhun kang :D
  17. 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....
    1. silahkan dicoba dulu aja... nanti ditunggu laporannya.. kalau gagal minta link demonya :)
  18. 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...
    1. kodenya memang sangat simple mas tapi ampuh hehehehehe :-bd
  19. langsung bisa kang :D
    1. congrats deh kalau berhasi :)
  20. mau komen apa yha..??
    punya ide gk kang..??
    1. wkwkwk, bukannya itu comment ya ? :P
  21. ini adalah pertanyaan saya waktu konsul sma kang ismet.:D Walaupun bisa dibilang hal sepele, tpi tidak semua blogger tahu. :-bd
    1. betul sob... banyak yang mengabaikan hal2 kecil
  22. Terima kasih kang satu masalah sudah terasi ..
    1. sama2 sob....
  23. Hal ini yg sdh lama pengen ta coba..trims kang..
    Tinggal nunggu waktu luang buat praktekin nya :)
  24. wawawaw .. responsive kakakk !! ^_^

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

    Artikel cantik ini !! hahaha
  25. 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
    1. saya juga kurang srek sebenarnya.... masih dalam pertimbangan sob... ingin membuat navigasiuntuk memudahkan pengunjung sebenarnya :)
  26. Trimakasih totornya kang..
  27. owalahh, walau posting pendek tapi tetap bermutu (y) hidup blogger Indonesia!
    1. biar pendek yang penting permainannya..... wkwkwkkwkwk
  28. makasih ya kang :) kapan2 boleh dong mampir ke blog saya http://nandarious.blogspot.com/ :D
  29. keren mas haturnuhun ah wilujeng saum
    1. sami2 kang.. ulah kirang2 ngahapunten
  30. punya ku kayaknya udah lebar :D ..
    tapi caranya simple ya.. bisa di pake buat jaga-jaga .
    1. silahkan Miz... di simpen aja :)
  31. Saya kang udah dari lebarnya mudahan bagi teman-teman yang form kolom komentarnya belum lebar bisa terbantu dari tips Kang ini :)
    1. betul sob... biar lebih enak liatnya
  32. saya belum berhasil ya kang ismet ? saya coba ditemplate lain berhasil, apa ini berkaitan dengan komentar Damar Zaky ? terimakasih sebelumnya kang.
  33. trimakasih kang ismet tutornya..
    jadi skg form komentar jadi seimbang levarnya pada artikel yg belum ada komentar dgn yg sudah ada komentar!
  34. beres :) akhirnya dapat juga tips yang saya cari.Hari ini akan saya bongkar semua tips bloggernya biar nambah wawasan.kang Ismet OK :)
  35. Sip kang, saya sudah terapkan cara ini pada Comment Form di blog saya agar terlihat bagus, rapi dan lebarnya sema dengan Comment Form Message.
    1. Maaf Typo maksudnya sama :D hahay
  36. 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
    1. disini sob http://blog.kangismet.net/2013/05/membuat-pesan-di-atas-form-komentar.html
  37. jadi pas lebarnya kalau diatur maksimal :D
    1. betu sob... presisi
  38. Unknown
    Komentar ini telah dihapus oleh pengarang.
  39. Terima kasih banyak Kang tutorialnya bermanfaat..
    1. sama2 sob...
  40. Oke. Thanks kang. Membantu sekali.
  41. terima kasih atas info nya
    www.duniagame.info
  42. kalau untuk membuat komentar terbaru berada di urutan atas, terus ke bawah semakin lama bagaimana kang?
  43. bisa ga gan ! kalo #comment-editor di ubah menjadi 100% ? kayaknya kelebaran jadinya elek :P
    liat aja tuh aha-blogs.blogspot.com
  44. Perfect Mas. Sudah saya coba. terima kasih ya mas.. |o|
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.