Cara Membuat Kotak/Box Script pada Postingan

Kembali lagi saya membuat catatan pengingat dan semoga bisa menjadi bermanfaat buat teman teman. sekarang saya akan membuat posting mengenai Cara Membuat Kotak/Box Script pada Postingan blog atau website anda,

disini saya menjelaskan langkah yang saya gunakan di blogspot. sebagai berikut:

• pada saat entri Posting pada blogger. klik HTML  seperti gambar dibawah.

• klik HTML dan masukan kode berikut seperti gambar dibawah

• codenya dibawah ini

<div style="border: 3px #000000 Double; padding: 10px;background-color:crimson;
text-align: left;">
.Klik Disini.</div>

• Kemudian klik Compose, maka akan ada kotak script, seperti gambar di bawah

• hasilnya 
  .Klik Disini.

• Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.
• Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak tersebut
• Penjelasan:
• border: 3px = ketebalan kotak script.
• Double; = bentuk kotak, bisa diganti dengan, 
• dashed dotted Double Groove inset outset ridge
• #000000 Untuk pemberian warna pada border kotak
• crimson (#FF7F50) untuk pemberian warna pada background kotak
• Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
• text-align:left; = posisi tulisan didalam kotak di kiri

sumber : https://crazzyart01.blogspot.co.id