Cara membuat Kotak Kode Html CSS & JavaScript di Postingan Blog

Cara membuat Kotak Kode Html CSS & JavaScript di Postingan Blog yakni seperti pada gambar dibawah ini , kamu bisa copy paste script dibawah ini , keterangan sbb :

1. Masuk / Login ke akun Blogger sobat
2. Pilih ENTRI BARU
3. Buatlah tulisan tulisan
4. Kemudian Pilih HTML, pada pojok kiri atas
5. Masukan  salah satu  Kode dibawah
6. Kemudian Compose
7. Setelah itu copy tulisan yang telah anda buat
8. Dan Paste ke dalam kotak text 

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">masukan tulisan anda disini</div>

Keterangan:

• border: 3px merupakan ketebalan garis pinggir kotak teks 
• #1780dd warna garis batas/ pinggir kotak teks 
• Double adalah bentuk dari garis batas pada pinggir kotak teks  
• padding: 10px merupakan panjang kotak teks dari atas ke bawah 
• background-color:#ffffff adalah warna latar belakan dari kotak teks 
• text-align: left  posisi kotak teks (text box) di bagian sisi kiri

Berikut dibawah ini script bentuk bentuk kotak teks :

masukan tulisan anda disini (Dotted).

Kode Html:
<div style="background-color: white; border: 3px #1780dd dotted; padding: 10px; text-align: left;">
masukan tulisan anda disini (Dotted)</div>

masukan tulisan anda disini (Dashed)

<div style="background-color: white; border: 3px #1780dd dashed; padding: 10px; text-align: left;">
masukan tulisan anda disini (Dashed)</div>

masukan tulisan anda disini (Groove)

<div style="background-color: white; border: 3px #1780dd groove; padding: 10px; text-align: left;">
masukan tulisan anda disini (Groove)</div>

Tanpa Border

Kode script html:

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
masukan text disini
</div>