Cara Membuat Scroll Bar pada postingan blog / Blogspot dengan mudah

Cara Membuat Scroll Bar Di Postingan Blog - Scroll bar merupakan sebuah alat kontrol yang berfungsi untuk menggulung bagian dari dokumen atau file yang terlalu panjang. Scroll bar berguna untuk menghemat ruang saat menempatkan sebuah script yang panjang didalam postingan sehingga postingan terlihat rapih dan teratur. Seperti contoh dibawah ini:

Bagi Anda yang ingin menempatkan sebuah script yang panjang kedalam artikel blog, maka Anda dapat menempatkannya didalam berbagai jenis scrol bar. Berikut ini cara membuat scroll bar di postingan blog Anda :

1, Login ke blog Anda.

2. Pada saat membuat artikel, ubah mode "Compose" ke mode "HTML".

3. Copy kode-kode dibawah ini, pastekan ke area entry mode HTML.

Scroll Bar Vertical

<div style="background-color: #fefefe; border: 1px #dddddd double; height: 60px; overflow: auto; padding: 10px; text-align: left; width: auto;">

Tempat Tulisan Anda

 </div>

Scroll Bar Horizontal

<div style="background-color:#fefefe; border:1px #dddddd double;width:auto ;height:60px;overflow-y:hidden;overflow-x:scroll;"> <p style="width:2500%;">

  Tempat Tulisan Anda

</p>

</div>

Scroll Bar Vertical dan Horizontal

<div style="background-color: #fefefe; border:1px #dddddd double;width:auto;height:60px;overflow-y:scroll;overflow-x:scroll;"> <p style="width:2500%;">

  Tempat Tulisan Anda 

</p>

</div>

- Tulisan berwarna Biru adalah kode warna, ganti sesuai keinginan Anda.

- height:60px adalah tinggi kolom scroll bar, ganti sesuai keinginan Anda.

- "Tempat Tulisan Anda" adalah untuk meletakan tulisan atau script Anda.

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Semoga kedepannya penulis tetap mampu membuat artikel-artikel lainnya yang lebih bermanfaat lagi bagi teman-teman semua. Terima kasih.