Banyak sebagian pemilik blog tidak menggunakan kotak script pada postingan mereka, kebanyakan yang tidak memakai kotak script adalah blogger newbie. Entah karena mereka belum tau atau karena tidak mau ribet. Fungsi kotak script sebenarnya untuk membuat blog terlihat rapi jika para pemilik blog ingin memposting kode script. Kotak script bisa diatur warna dan bentuknya, namun disini saya memberikan contoh membuat kotak script dengan scroll.
Berikut langkah-langkah membuatnya:
Berikut langkah-langkah membuatnya:
- Login ke blogger > Entri baru
- Klik compose, dan buat artikel anda terlebih dahulu
- Klik HTML dan masukan kode yang ada pada kotak script, letakkan ditempat yang anda inginkan
- Klik compose, dan ganti tulisan yang ada dikotak dengan script anda.
- Hasilnya seperti dibawah ini:
<div style="background-color: white; border: 3px #1780dd solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: auto;">
</div>
</div>
Keterangan:
Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
Background-color:ffffff; = warna dalam kotak
Overflow:auto; = fungsi scrollnya
Height (tinggi kotak)
Width (lebar kotak)
Kotak script juga bisa dipindahkan ke kanan, dengan menambahkan kode float:right; ditengah kode diatas.contoh: <div style="border: 3px #1780dd solid; float:right;.......
Itulah tadi cara membuat kotak script dengan scroll pada postingan blog yang akan membuat tampilan posting anda menjadi lebih rapi. Semoga bermanfaat.
Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
Background-color:ffffff; = warna dalam kotak
Overflow:auto; = fungsi scrollnya
Height (tinggi kotak)
Width (lebar kotak)
Kotak script juga bisa dipindahkan ke kanan, dengan menambahkan kode float:right; ditengah kode diatas.contoh: <div style="border: 3px #1780dd solid; float:right;.......
Itulah tadi cara membuat kotak script dengan scroll pada postingan blog yang akan membuat tampilan posting anda menjadi lebih rapi. Semoga bermanfaat.
