Seperti biasa saat mulai menulis blog klik entri baru masih dalam posisi compose atau seperti gambar di bawah ini :
setelah itu copy script dibawah ini lalu berpindah ke HTML
setelah itu copy script dibawah ini lalu berpindah ke HTML
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
text-align: left;">
.MULAI MENULIS DISINI.</div>
text-align: left;">
.MULAI MENULIS DISINI.</div>
paste di HTML seperti ini :
kemudian kemudian berpindah lagi ke Compose untuk melihat hasilnya, kalau tidak ada kesalahan hasilnya akan seperti box script di atas.
Sebagai keterangan untuk Box Script di atas, silakan perhatikan script berwarna merah yang bisa anda ganti kodenya sesuai dengan keinginan anda.
- border: 3px adalah ketebalan garis yang bisa diganti menjadi 1px, 2px, 3px dan seterusnya
- Padding:10px adalah ukuran box
- Background-color #ffffff adalah warna latar belakang pada contoh di atas warna latar adalah putih.
- text-align: left adalah posisi tulisan dalam box
- selanjutnya Mulai Menulis Disini ganti dengan kode script atau apapun yang anda mau.
- solid adalah bentuk garis yang bisa diganti menjadi Dashed, outset, ridge, solid, dotted, double, Groove contohnya sebagai berikut :
Dotted
Dashed
Outset
Ridge
Solid
Double
.Groove.
Demikianlah toturial Cara Membuat Script Box Pada Postingan Blog
