Menambahkan Kotak Script Dengan Scroll di Laman Posting Blog

Sebaiknya menggunakan kotak script dengan scroll untuk kode html, css, js yang panjang pada artikel, maka jadi tidak boros tempat pada postingan dan nantinya bisa terlihat ringkas.
Membuat kotak scrip dengan auto scroll di dalam sebuah posting blog caranya cukup mudah, tinggal memperhatikan selanjutnya di bawah ini.

Kota script CSS, HTML

Perhatikan :
1. Ketika ingin memasang kotak script scroll ke dalam postingan, pilih mode penulisan HTML
2. Paste kode script, untuk melihat hasil buka kembali mode penulisan Compose
3. Setelah scroll box tampil akan terlihat tulisan " Hapus teks ini lalu paste script... " di dalam kolom
4. Hapus tulisan tersebut dan ganti dengan kode script.

Contoh Kotak Script Auto Scroll

Membuat kotak script dengan scroll
Scroll box
Kolom scroll pada postingan blog
Auto scroll untuk kotak script
Membuat kotak script

Berikut ini adalah kode auto scroll box nya

<div style="background-color: #f8f8f8; border: 1px solid #aaa; overflow: auto; height: 50px; width: auto; padding: 10px 30px;">Hapus teks ini lalu paste script...</div>

Sesuaikan pengaturan pada kotak script :
- Mengganti ukuran tinggi dan lebar kolom untuk scroll : height: 50px; width: auto
- Merubah warna border : border: 1px warna background : background-color: #codewarna

Pembahasan kali ini sekian saja, semoga tips, trick tadi cukup jelas dan mudah dipahami. Silahkan berbagi dan berkomentar jika suka pada artikel ini.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest