Thursday, September 30, 2010

Cara Menghemat Ruang Komentar di Blog

Teras Info - Untuk menghemat ruang komentar pada blog kita, mungkin ada baiknya kita mencoba trik berikut ini. Trik ini digunakan sebagai penghemat ruang komentar pada blog kita, sehingga, jika blog kita itu termasuk blog yang memiliki banyak komentar, halaman pada blog kita tidak akan menjadi panjang kebawah....

Trik ini yaitu dengan cara menambahkan scroll pada ruang komentar blog kita, sehingga sebanyak apapun komentar pada blog kita, memungkinkan ruangan yang lebih hemat, karena scroll bisa kita atur sesuai keinginan kita.

Untuk membuatnya, silahkan lakukan langkah-langkah berikut ini:

1. Silahkan masuk dulu ke menu rancangan/layout pada blog kita masing-masing.
2. klik pada menu edit html, setelah itu jangan lupa untuk memberi tanda centang pada bagian expand widget template. O..ya...jangan lupa untuk mendowload template lengkap, agar jika terjadi kesalahan mudah untuk membackupnya..
3. Silahkan masukan kode di bawah ini dan letakan diatas kode #comments h4.

#comments {
height:350px;
overflow:auto;
}

Untuk contoh lebih lengkapnya silahkan perhatikan di bawah ini:


SEBELUM:

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;
}



SESUDAH:

/* Comments
----------------------------------------------- */
#comments {
height:400px;
overflow:auto;
}
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;

Perhatikan pada bagian kode yang diberi cetak tebal.
Silahkan ubah saja nilai pada bagian height:400px; sesuai dengan keinginan, misalnya menjadi 500px;.
Setelah selesai, silahkan simpan dan lihat hasilnya. O ya...untuk hasilnya silahkan liat aja pada ruang komentar blog ini.

Selamat mencoba dan semoga suskes selalu dengan blognya...

0 comments:

Post a Comment

 

Alif Ilmu | Tutorial Multimedia Online Copyright © 2011 | Template design by O Pregador | Powered by Blogger Templates