Sebaran Label

Thursday, February 4, 2010

Membuat Scroll Pada Sidebar atau Postingan

Request... request... sampai postingan ini dibuat masih ada 6 posting request yang belum saya bahas. Kali ini membahas trik sederhana tentang membuat scroll untuk are postingan dan sidebar. Salah satu solusi bagi Anda yang memiliki terlalu banyak widget di sidebar sehingga sidebar Anda terlalu panjang ke bawah dan tak seimbang dengan panjang postingan.


Atau sebaliknya Anda hanya memiliki sedikit widget dengan isi postingan yang sangat panjang. Anda bisa membuat scroll untuk keseluruhan bagian sidebar Anda atau postingan Anda. Atau Anda bisa memasang untuk keduanya sehingga tinggi sidebar dan postingan akan selalu sama. Caranya pun sangat mudah.

1. Silahkan login ke blogger
2. Tata Letak
3. Edit HTML

Untuk membuat scroll pada sidebar cari kode
.sidebar {
.............
.............
}

titik-titik adalah kode css yang sangat beragam setiap template yang tidak saya tulis. Anda cukup menambahkan kode di bawah ini di bagian css sidebar tersebut, sisipkan di tengahnya
height:500px;
overflow:auto;

Yang berwarna merah adalah tinggi. Anda bisa menentukannya sendiri. Jika sudah segera simpan template Anda.

Untuk Scroll Postingan
Sebenarnya tentang scroll postingan sudah saya bahas tuntas di Blog Konsultasi: Tentang Scroll
Namun kali ini mari kita jelaskan singkat. Secara garis besar caranya sama dengan langkah pembuatan di sidebar. Namun kode tambahan disisipkan di css berikut:
.post {
........................
......................
}

Semoga bermanfaat. Saya akan datang lagi nanti dengan postingan bukan request yang akan sangat Anda tunggu.

Related Posts by Categories



Widget by Hoctro | Jack Book

0 comments: