Trik Mengatur Lebar/Width Blogger Comment EditorClick here to get more tutorials!

Blogger Comment Editor adalah sebuah box yang berfungsi sebagai tempat pengunjung untuk menuliskan komentar. Box ini dihasilkan melalui sebuah iframe dimana di dalamnya terdapat textarea yang kemudian ditampilkan sebagai comment editor. Blogger Comment Editor mempunyai tinggi box yang sudah diatur pada ketinggian tertentu, sedang lebarnya bersifat fleksibel dan dapat diatur hingga lebarnya sebesar lebar halaman posting. Pengaturan lebar pada comment box editor memberi peluang bagi blogger untuk melakukan beberapa modifikasi penataan kolom komentar. Anda bisa membuat berbagai posisi penempatan boks comment editor, misalnya (di kanan, kiri atau ditengah-tengah halaman/center).

2 Cara untuk merubah lebar Blogger Comment Editor

Untuk merubah ukuran comment editor di blogger dapat dilakukan dengan dua cara:

1. Merlakukan perubahan kode xHTMl pada iframe dengan "id" comment-editor atau "class" blogger-iframe-colorize blogger-comment-from-post. Jika hendak melakukan perubahan pada xHTML ini maka anda harus mencari kode dengan id atau class seperti tersebut di atas setelah "Expan Template Widget".
2. Cara yang kedua merupakan cara yang paling mudah karena anda tinggal menambah sedikit kode css di atas kode ]]></b:skin>.

Cara merubah lebar/width Blogger Comment Editor dg Kode css

1. Login ke Blogger
2. Dasbor (Dasboard)
3. Template
4. Backup/Restore Template. Panduannya bisa dibuka disiniKlik untuk mengikuti panduan cara melakukan backup/restore template.
5. Edit HTML
6. Template › Edit HTML
   • Procced (Lanjutkan)
   • Cari Kode : ]]></b:skin>
   • Gunakan Ctrl + F untuk mempermudah & mempercepat pencarian.
   • Copy dan paste-kan kode css yang tersedia di bagian bawah di atas kode ]]></b:skin>
   • Simpan Template/Save Template
7. Selesai...
8. Buka blog dan lihat hasilnya di halaman posting pada box komentar.

Kode CSS

#comment-editor{
    width:80%; /* anda bisa merubah ukuran lebar dengan merubah prosentase width - maksimal 100% */
}

Posisi Kode CSS thd ]]></b:skin

#comment-editor{
    width:80%; /* anda bisa merubah ukuran lebar dengan merubah prosentase width - maksimal 100% */
}
]]></b:skin>