Kali ini saya akan mebahas tentang bagaimana cara membuat BOX/ Kotak Code Script, Dalam Postingan ini akan diberikan beberapa contoh kotak box dalam postingan. jika sobat blogger suka bisa langsung digunakan.
Berikut ini adalah contoh-contoh Box/ Kotak Code Script dalam Postingan.
inset border
otset border
double border
dotted border
dashed border
scroll box
Selamat mencoba!!!!!
Berikut ini adalah contoh-contoh Box/ Kotak Code Script dalam Postingan.
inset border
<div style="border: 3px #006400 inset; padding: 10px; background-color:#d5839f;
text-align: left;">
....kode script sahabat....</div>
otset border
<div style="border: 3px #5f200e outset; padding: 10px; background-color:#d9da81;
text-align: left;">
....kode script sahabat....</div>
double border
<div style="border: 3px #5f200e double; padding: 10px; background-color:#82CAFA;
text-align: left;">
....kode script sahabat....</div>
dotted border
<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2;
text-align: left;">
....kode script sahabat....</div>
dashed border
<div style="border: 2px #610b38 dashed; padding: 10px; background-color:#57AA52;
text-align: left;">
....kode script sahabat....</div>
scroll box
<div style="border: 2px #006400 solid; padding: 10px; background-color:#82CAFA;
overflow: auto; height: 50px; width: 300px; text-align: left;">...................kode script sahbaat.............</div>
Nah sekarang langsung saja pada tutorialnya:
selayaknya kita mau membuat postingan seperti biasa lalu pilih salah satu script di atas kemudian copas pada postingan dalam bentuk HTML di pos editor blogger saat posting artikel atau semacamnya. sahabat bisa rubah ukuran border, warna border, ukuran border, backgraud sesuai keinginan sahabat.Selamat mencoba!!!!!
