Cara Memberi Scroll Pada Postingan Di Blog

Cara Memberi Scroll Pada Postingan di Blog


Pemberian scroll pada postingan memudahkan kita dalam membaca postingan yang panjang. Scroll ini membuat ruang postingan menjadi lebih singkat (tidak membuang tempat).
Berikut cara memberi scroll pada postingan blog:


Gambar. Scroll Bar pada postingan
     
Langkah 1
Untuk memasukkan kode scroll mengetikkannya di mode HTML bukan mode Compose.

Langkah 2
Masukkan kode berikut di bagian atas postingan yang akan diberi scroll.
<div style="border: 1px solid #eee; height: 600px; overflow: auto; padding: 10px; width: 625px;">

Langkah 3
Lalu letakkan kode dibawah ini tepat di bawah postingan yang di scroll tadi (untuk menutup scroll).
</div>
Sehingga menjadi seperti ini,
<div style="border: 1px solid #eee; height: 600px; overflow: auto; padding: 10px; width: 625px;">Postingan</div>

Anda bisa menyesuaikan ketebalan garis tepi, warna garis tepi, tinggi, dan panjang postingan yang di-scroll.

Keterangan:
a.   yang di beri warna “biru” : "border: 1px" untuk memberi ketebalan garis tepi.
b.   yang di beri warna “merah” : "solid #eee" untuk memberi warna garis tepi.
c.   yang di beri warna “ungu” : "height: 600px" untuk mengatur tinggi.
d.   yang di beri warna hijau : "width: 625px" untuk mengatur panjang.

0 Comment:

Posting Komentar