Cara Membuat Kotak Script dengan Scroll di Blog

Seperti yang telah saya janjikan sebelumnya, bahwa selain membuat kotak script dengan bentuk flat, kita juga bisa membuat kotak script dengan menggunakan scroll. 

Caranya tidak jauh berbeda dengan langkah-langkah yang kita lakukan sebelumnya. Bisa dilihat disini. Di postingan ini juga akan saya utarakan kembali. Oke... kita mulai, kita mulai langkah-langkahnya berikut ini. 

Langkah 1

Login ke blogger dan pilihlah 'Entri Baru'

Langkah 2

Buat tulisan, contoh seperti gambar. Lihat yang berwana merah, posisi tulisan adalah 'Compose'.

Langkah 3

Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.

<div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff; overflow: auto; height: 100px; width: 520px; text-align: left;">

.kode script disini

</div>

Langkah 4

Selanjutnya pilih 'HTML' ( jelasnya lihat gambar).

Langkah 5

Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).

Langkah 6

Kembali lagi aktifkan 'Compose' dan lihat hasilnya. sudah ada kotak. 

Selanjutnya Anda sisa mengganti tulisan '.arlscoutrik (ganti tulisan ini).' dengan tulisan yang ingin Anda taruh disana, bisa berupa script atau tulisan lain. Mudah kan...!

Contoh script diatas seperti ini :

Cara membuat kotak script

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;

Gimana mudah bukan....! 

blogoooblok