Cara buat kotak script di postingan blog Anda. Kotak script, biasanya digunakan untuk memasukan kode2 script ke dalam postingan blogger. Agar terlihat lebih rapi dan tidak memakan
banyak tempat, maka di perlukan kotak script. Kotak sendiri Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya.
Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Untuk cara membuatnya, Ikuti langkah-langkah berikut ini:
KETERNGAN KODE.
Kotak Script Dengan Scroll.
banyak tempat, maka di perlukan kotak script. Kotak sendiri Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya.
Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Untuk cara membuatnya, Ikuti langkah-langkah berikut ini:
- Login ke halaman blogger. Dan pilih entri baru.
- Selanjutnya buatlah tulisan pendek yang Anda suka. Contohnya: (cara membuat kotak script).
- Selanjutnya Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script.
- Untuk lebih jelasnya, lihat gambar dibawah ini.
- Sekarang Klik Compose yang ada di bagian kiri atas, maka akan terlihat kotak scriptnya.
- Selanjutnya Klik di dalam kotak tersebut, dan hapus Tulis Disini.
- Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu. Selesai.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Tulis Disini.</div>
text-align: left;">
.Tulis Disini.</div>
KETERNGAN KODE.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Tulis Disini.</div>
text-align: left;">
.Tulis Disini.</div>
- border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
- Double; = Bentuk kotak, bisa diganti dengan yang lain seperti dibawah ini:
- Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
- background-color:ffffff; = warna dalam kotak.
- Dan text-align:left; = posisi tulisan didalam kotak di kiri.
Dashed, Dotted, Double
Groove, Inset ,outset, Ridge.
Groove, Inset ,outset, Ridge.
Kotak Script Dengan Scroll.
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.tulis kode script disini.</div>
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.tulis kode script disini.</div>
- Sama seperti cara diatas, tuliskan kode script ke HTML.
- overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan 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
Kotak Posisi Kanan
Dengan menambahkan kotak script di posting blog Anda, maka halaman blog akus mengurangi isi blog dari posting Anda. Semoga artikel kali ini bisa bermanfaat untuk Anda semua.
