MEMBUAT SCROLL BAR PADA POSTINGAN BLOG

Pada saat mau posting artikel yang lumayan panjang agan yang masih belajar ngeblog seperti saya ini pasti bingung bagaimana cara membuat scroll bar pada postingan agan. agar tampilan menjadi lebih rapi dan dinamis serta enak untuk dilihat atau dibaca oleh pengunjung blog agan.

Disini yang akan dibahas adalah bagaimana cara membuat scroll bar pada postingan agan hanya dengan skrip dibawah :

<div style="border: 1px solid #eee; height: 120px; overflow: auto; padding: 10px; width: 400px;">
Letakan Tulisan / Kode HTML Sobat Disini <br />
Letakan Tulisan / Kode HTML Sobat Disini <br />
Letakan Tulisan / Kode HTML Sobat Disini <br />
Letakan Tulisan / Kode HTML Sobat Disini <br />
Letakan Tulisan / Kode HTML Sobat Disini <br />
Letakan Tulisan / Kode HTML Sobat Disini <br />
Letakan Tulisan / Kode HTML Sobat Disini </div>

Caranya tentu agan sudah tahu, tinggal copas aja script di atas pada postingan agan yang diinginkan.
Hasil Tampilan :

Letakan Tulisan / Kode HTML Sobat Disini
Letakan Tulisan / Kode HTML Sobat Disini
Letakan Tulisan / Kode HTML Sobat Disini
Letakan Tulisan / Kode HTML Sobat Disini
Letakan Tulisan / Kode HTML Sobat Disini
Letakan Tulisan / Kode HTML Sobat Disini
Letakan Tulisan / Kode HTML Sobat Disini

 

Keterangan :

• height: 120px : Kode untuk mengatur tinggi pada kolom scroll, sesuaikan dengan keinginan agan.
• width: 400px : Kode untuk mengatur lebar pada kolom scroll, juga sesuaikan dengan keinginan agan.

sesuaikan ukuran tinggi dan lebar sesuai dengan yang agan mau, jika ingin ditambah backgroud atau mau berkreasi silahkan sesuka agan. Demikian artikel tentang cara membuat scroll bar yang dapat saya bagikan, semoga bermanfaat, Thanks for reading.
 

• Tweet
• Share
• Share
• Share
• Share

About Admin

Jangan menyerah atas impianmu, impian memberimu tujuan hidup. Ingatlah, sukses bukan kunci kebahagiaan, kebahagiaan adalah kunci kesuksesan. Semangat!! Jangan lupa bahagia.

Related Post