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.
Previous
Next Post »

11 komentar

Write komentar
Miniblogger28
AUTHOR
1/28/2016 delete

Pengguanaan scroll box sering juga saya tambahkan pada beberapa artikel yang saya buat. selain menambah cantik tampilan blog juga menghemat halaman postingan.

Reply
avatar
da
AUTHOR
4/21/2016 delete

thanks mas artikelnya, sukses saya terapkan

Reply
avatar
8/08/2016 delete

artikelnya enak mudah dimengerti bagus

Reply
avatar
8/09/2016 delete

jelas sekali dibaca

Reply
avatar
mukena
AUTHOR
9/16/2016 delete

artikelnya bagus mudah dipahami, makasih gan

Reply
avatar
9/17/2016 delete

jadi gk makan ruang nih

Reply
avatar