-->

sosmed footer

Recent Comments

Tips/ Cara Mudah Membuat Kotak Scrip dengan Skrol di Blog

Kemarin penulis sudah memaparkan bagaimana cara membuat kotak skrip yang sangat mudah, semoga sobat sudah mengerti dengan tutorial yang penulis paparkan kemaren. Pada kesempatan kali ini penulis juga akan memaparkan cara membuat kotak skrip HTML yang memiliki skrol kebawah. Jadi Artikel kita terlihat lebih simple dan kotak skripnya tidak memakan tempat.

Nah untuk membuat kotak skrip HTML yang memiliki skrol ini, cara buatnya hampir sama dengan tutorial yang sudah penulis paparkan kemaren. Jika sobat belum membacanya, sobat bisa baca di link dibawah ini


Kita kembali ke pembahasan,


  • Pertama-tama yang harus kita lakukan adalah login terlebih dahulu ke blogger
  • Selanjutnya masuk ke kolom entri baru
  • Setelah itu klik menu HTML seperti gambar dibawah ini:


  • Setelah itu masukan kode skrip yang ada di dalam kotak dibawah ini:

<div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 520px;
text-align: left;">
.kode script disini.</div>
  • Jika sudah dimasukan silahkan klik menu compose maka akan menghasilkan output seperti gambar dibawah ini:
Gampang bukan?

Setelah sobat membuat kotak skrip, sobat sudah bisa memasukan kode skrip kedalam kotak tersebut.

Dan untuk mengubah warna dan yang lainnya silahkan sobat lihat di artikel tentang membuat kotak skrip.

Note:
untuk merubah luas dan tinggi kotak sobat bisa merubah angka px yang ada di skrip
  • width = Luas
  • heigt  = Tinggi
Semoga artikel ini bermanfaat bagi para blogger pemula, dan tetap semangat ya...
terimakasih sudah berkunjung.
BERIKAN KOMENTAR ()