Cara Membuat Kotak Script Dengan Scroll Di Blogspot

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

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

• Login ke blogger dan pilihlah 'Entri Baru'
• Buat tulisan, rujukan ibarat gambar. Lihat yang berwana merah, posisi goresan pena yaitu 'Compose'.

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

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

• Selanjutnya pilih 'HTML' ( jelasnya lihat gambar).

• Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
• Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak. 

•  Selanjutnya Anda sisa mengganti goresan pena '.blogoooblok (ubah goresan pena ini).' dengan goresan pena yang ingin Anda taruh disana, dapat berupa script atau goresan pena lain. Praktis kan...!

Contoh script diatas ibarat ini :

Cara membuat kotak script
Border dapat diganti sesuka hati
Warna juga dapat disesuaikan
Ukuran dapat dirubah dan posisi juga dapat dirubah
Untuk merubah ukuran silahkan rubah arahan ini
height: 100px; width: 520px;

Gimana gampang bukan....! 
blogoooblok 

Tweet