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.
3. Selanjutnya Klik HTML Dan Paste Kode Berikut
Di Bawah Tulisan Cara Membuat Kotak Script Di Posting Bog
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>
text-align: left;">
.Klik Disini.</div>
4. Lihat Gambar Di Bawah Ini Untuk Lebih Jelas .
5. Sekarang Klik Compose, maka akan ada kotak script. Contoh gambar .
6. Terakhir masukan kode script tersebut .
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>
text-align: left;">
.Klik Disini.</div>
Keterangan Kode :
1. Border : 3px = Ketebalan Kotak Script . Dan #1780dd
= Warna Kotak Script.
2. Double : Bentuk Kotak . ( Bisa Di Ganti Dengan )
Dashed ,
Dotted , Groove , inset , outset
ridge , Double
3. Padding : 10px= Panjang Kotak Kebawah
4. Background-color:ffffff = Warna Dalam Kotak .
5. Dan Text-align:left = Posisi Kotak Di Dalam Kotak di
Kiri
.
Kotak
Script Dengan Scroll.
Kode
<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>
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.
Selamat Mencoba .... :)
Nice Post Gan Jadi Kita Bisa Memisahkan Mana Artikel Dan Mana Kode HTML ...
BalasHapus