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
Baca Juga:

• Tips/ Cara Mudah Membuat Kotak Dengan Menggunakan Script HTML di Blog
• Tips/ Cara Mendaftarkan Website Atau blog ke Webmaster Google
• Tips/ Cara Mudah Menambahkan Widget Jumlah Viewer (trafik) di Blogspot

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.

Share this post