Cara Membuat Scroll Bar Pada Artikel

Ada kalanya kita menulis sebuah artikel/kode script yang telalu panjang dan mengambil banyak tempat di postingan. Namun, kita bisa mengatasinya dengan menggunakan scrool bar, Scrollbar digunakan untuk meminimalkan tempat yang dipakai untuk sebuah tulisan.

Untuk membuatnya silahkan copy kode berikut pada saat Anda membuat artikel.

<div style='padding: 5px; overflow: auto; 
width: auto; height:200px;border:1px solid #000000'>

LETAKKAN TULISAN ANDA DI SINI
( Kode di letakkan pada mode Edit HTML, sedangkan Tulisan ditulis di Compose )

</div>
  • Kode di atas diletakkan di EDIT HTML,
cara-membuat-scroll-bar
  • Setelah meletakkan kodenya, Klik COMPOSE
cara-membuat-scroll-bar-di-posting
  • Sekarang tuislah tulisan yang akan dipakaikan Scrool bar, didalam kotaknya
  • Jika selesai, silahkan posting artikel Anda
NB :
  1. height:200px; adalah ukuran lebar atas bawah kotak scroll
  2. width: auto; adalah ukuran otomatis lebar samping kotak scroll
  3.  border:1px solid adalah ukuran tebal garis kotak scroll
  4.   #000000 adalah Kode warna pada garis kotak scroll
Semua kode keterangan di atas bisa Anda ganti sesuai keinginan Anda

Semoga Berhasil !!!
SHARE

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

1 comments: