Rabu, 14 September 2011

Optimasi Kotak Komentar Blogger™

Anda tentu sudah baca posting tentang “Kostumisasi Avatar Komentar”, “Tahukah Anda?”, & “Trik Blogger | Mengatur Tataletak Link to This Post”, kalau belum buruan menuju TKP (Tempat Kerjaan Para blogger). Oleh karena posting berikut, mungkin berhubungan dengan tautan judul posting di atas.

Merubah lebar kotak komentar

Tambahkan CSS (Cascading Style Sheets) berikut di atas ]]>.
.comment-form {width:425px;max-width:425px;overflow:auto;clear:both;}
Catatan: Tambahkan jika CSS tersebut belum include dalam CSS template blog Anda. Kemudian silakan rubah nilai atribut yang berwarna merah, bisa dengan menggunakan satuan px, em, %, atau pt. Atribut width berfungsi untuk mengatur ‘lebar’ suatu elemen, sedangkan max-width digunakan untuk mengatur ‘lebar maksimal’ suatu elemen.

Aksesoris kotak komentar

1. Menambah teks sebelum kotak komentar

Optimasi formulir komentar
Figure 1. Menambah teks sebelum kotak komentar (panah hitam)

 

Silakan berkomentar, tapi jangan memasukkan SPAM yah…

  • Apabila Anda memulai pencarian dengan kode , maka Anda akan menemui 2 (dua) kode. Pilihlah yang kedua!

  • Untuk menjaga format komentar agar tidak berantakan, Anda dapat menambahkan kode
    di atas kode HTML

  • Update (June 29, 2011): Ketika Anda melakukan pengaturan bahwa komentar tidak di-izinkan karena suatu sebab atau lain hal, mungkin aksesoris teks/gambar di samping kotak komentar tidak diperlukan lagi. Tambahkan kode berikut (warna merah) di-antara HTML .intermezzo.

  • Update (June 29, 2011): Di halaman statis kok muncul juga? Tambahkan kode berwarna biru berikut di-antara HTML .intermezzo.

  • Kemudian rubah CSS .comment-form menjadi (lihat kode berwarna merah):
    .comment-form {width:…;max-width:…;overflow:auto;clear:left;}
    dot…dot…dot tergantung isian nilai yang telah Anda masukkan.


  • Seperti ucapan sebelumnya, Anda pun bisa berkreasi dengan variasi kode dan/atau bentuk lain sesuai dengan keinginan & mungkin dapat merebut simpati pengunjung di blog Anda.

    Related Posts Plugin for WordPress, Blogger...

    Share

    Twitter Delicious Facebook Digg Stumbleupon Favorites More