Cara
membuat kotak script di posting blog. Kotak script, biasanya
digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi dan
tidak memakan banyak tempat. 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. Cara membuatnya, Ikuti langkah-langkah
dibawah ini.
1.
Login
ke blogger. Dan pilih entri baru.
2.
Selanjutnya
buatlah tulisan seperti dibawah ini.
<div style="border: 3px #1780dd Double;
padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>
text-align: left;">
.Klik Disini.</div>
4. Untuk lebih jelasnya, lihat gambar
dibawah ini.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>
text-align: left;">
.Klik Disini.</div>
1.
border:
3px = ketebalan kotak script. dan #1780dd =
warna kotak script.
2.
Double; =
Bentuk kotak, bisa diganti dengan,
cara membuat kotak script
cara membuat kotak script
3.
Padding:10px =
panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
4.
background-color:ffffff; =
warna dalam kotak.
5.
Dan text-align:left; =
posisi tulisan didalam kotak di kiri.
Kotak Script Dengan
Scroll.
<div style="border: 3px #1780dd
solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>
1.
Sama
seperti cara diatas, masukan kode script ke HTML.
2.
overflow:auto;
= fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)
3.
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
4.
Untuk
yang posisi tengah, saya belum tau, nanti jika sudah tau, akan saya tambahkan
kembali diposting ini.
Dengan
menambahkan kotak script di posting blog, maka halaman blog akan terlihat lebih
rapi. Dan tidak memakan banyak tempat. Tanpa harus mengurangi isi dari posting.
Semoga Bermanfaat.
0 komentar:
Posting Komentar