Alif Ilmu - 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...
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 komentar:
Posting Komentar