Cara mudah membuat kotak script dengan scroll pada postingan blog

Cara mudah membuat kotak script dengan scroll pada postingan blog

Cara mudah membuat kotak scipt dengan scroll pada postingan Kotak script dengan scoll, biasanya digunakan untuk memasukan kode script ke dalam posting. Agar terlihat rapi dan tidak memakan banyak tempat. Kotak script dengan scoll juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. 

Cara membuatnya, Ikuti langkah-langkah dibawah ini.

  1. Login ke blogger. Dan pilih entri baru.
  2. Selanjutnya Klik HTML dan masukan kode  berikut,dibawah tulisan cara membuat kotak script. 
  3. Dan contoh scroll dibawah ini :

<div style="border: 3px #1780dd solid; padding: 10px;background-
color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">

.kode script disini.</div>

Keterangan :
  1. Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
  2. background-color:ffffff; = warna dalam kotak. 
  3. overflow:auto; = fungsi scrollnya.
  4. height(tinggi kotak) dan 
  5. width(lebar kotak)
Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.

<div style="border: 3px #1780dd solid; float: right; dan lain-lain.
Kotak Posisi Kanan

Dengan menambahkan kotak script dengan scroll di posting blog, maka halaman blog akan terlihat lebih rapi, dan tidak memakan banyak tempat, tanpa harus mengurangi isi dari posting,

Semoga Bermanfaat.