Membuat Kotak Script Scroll Box Pada Blog
Sunday, May 19, 2019
Add Comment
Setelah sebelumnya membuat kotak script dengan bentuk flat yang dapat dilihat disini, kita juga bisa membuat kotak script dengan menggunakan scroll.
Caranya tidak jauh berbeda dengan langkah-langkah yang kita lakukan sebelumnya. Di postingan ini juga akan saya utarakan kembali. Mari kita mulai langkah-langkahnya berikut ini.
- Login ke blogger dan pilihlah 'Entri Baru'.
- Buat tulisan, posisi tulisan adalah mode 'Compose'.
- Setelah itu copy script ini.
<div style="border: 3px #000solid; padding: 10px;background-color:#91E8F9; overflow: auto; height: 100px; width: 520px; text-align: left;">kode script disini</div>
- Selanjutnya pilih mode 'HTML'.
- Paste script yang tadi di copy dan taruh di bawah postingan (terserah mau menaruhnya dimana).
- Kembali lagi aktifkan mode 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak.
- Selanjutnya Anda bisa mengganti tulisan 'kode script disini' dengan tulisan yang ingin Anda taruh disana, bisa berupa script atau tulisan lain.
Border bisa diganti sesuka hati.
Warna juga bisa disesuaikan.
Ukuran bisa dirubah dan posisi juga bisa dirubah.
Untuk merubah ukuran silahkan rubah kode ini. height: 100px; width: 520px;
Jika menginginkan lebar yang responsive, rubah width menjadi auto (width:auto;).
0 Response to "Membuat Kotak Script Scroll Box Pada Blog"
Post a Comment