Home » , » Blogger Hack : Modifikasi Lebar Form Komentar Blogger

Blogger Hack : Modifikasi Lebar Form Komentar Blogger

Written By Unknown on Sabtu, 19 Juni 2010 | Sabtu, Juni 19, 2010

Secara default template blogger pada Form Komentar ukuran lebarnya tidak sesuai dengan bagian post body, akan lebih menarik di pandang apabila Lebar Form Komentar sesuai dengan Post Body pada template yang kita gunakan. Lihat gambar form komentar dibawah ini :
Setelah template di  modifikasi dengan melebarkan ukuran width menjadi 960px dan post body menjadi 600px maka Lebar Form Komentar-nya jadi kelihatan tidak sesuai dengan harapan. Agar sesuai dengan  lebar post body maka kita harus Modifikasi Lebar Form Komentar supaya lebar post body dan form komentarnya sejajar.

Langkah-langkahnya Sbb:
  1. Login Blogger, Tuju bagian Layout, Edit HTML, Kemudian Centang Expan Template Widget.
  2. Cari code dibawah ini, caranya tekan tombol keyboard F3 atau Ctrl + F :
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='220' id='comment-editor' name='comment-editor'
    scrolling='auto' src='' width='100%'/>
  3. Ganti code warna Hijau di atas misal dengan ukuran 400px, 500px, 600px, sesuai dengan kebutuhan Anda
  4. Jangan lupa Save Template, Selesai dan lihat hasilnya
Catatan : Sesuaikan lebar Width dengan kebutuhan Anda, jika cara ini belum ada perubahan juga silahkan klik disini untuk mencoba cara lain, Thanks
Share this article :

10 Your Comment :

  1. Saya pernah memodifikasi kotak komentar (dulu wakti masih menggunakan blogspot) dengan efek lightbox, dapat dilihat disini:http://ardianzzz.blogspot.com/2010/03/lightbox-effect-pada-kotak-komentar.html

    :)

    BalasHapus
  2. @ArdianZzZ: Thanks mas dan nambahin infonya, :D

    BalasHapus
  3. Siipp Lah berhasil.... tapi beda kode dikit....

    BalasHapus
  4. info yang bagus, langsung di praktekan mas

    BalasHapus
  5. Sip!! buat para pemula berguna banget.

    BalasHapus

News & Updates

Baca PostingBaca update terbaru via RSS FEED
Baca Lewat e-mailPengertian RSS FEED?

Daftarkan E-Mail Anda untuk Update terbaru Eko Priyanto Weblog's Serta Tips & Trick Web Design!

Follower

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Eko Priyanto Weblog's - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger