Cara Mudah Membuat Kotak Pada Postingan Blog

Cara Mudah Membuat Kotak Pada Postingan Blog. Pernah melihat postingan yang di dalamnya terdapat kotak seperti di bawah ini ?

Coretan Pena.

Penasaran bagaimana cara membuatnya?

Nah dalam postingan kali ini admin akan share kepada kalian tentang bagaimana cara membuat kotak dalam postingan blog. Yuk langsung saja ke tutorialnya :

Pertama, anda harus login dulu ke blog yang anda miliki.
Kedua, masuk ke dalam entri baru atau New Post.

Ilustrasi (dokpri)

Ketiga, klik HTML dan masukan kode script ini :

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

Keempat, klik Compose.

Maka hasilnya akan seperti tulisan di atas.

Setelah itu anda bisa mengganti tulisan Coretan Pena sesuai dengan tulisan yang anda suka.

Untuk penjelasan scripnya :
border : 3px  = ketebalan kotak script dan #1780dd = warna kotak script.
Double = bentuk kotak
padding: 10 px = panjang kotak ke bawah, untuk lebar otomatis sampai ujung
background-color #ffff = warna background kotak
text-align: left = posisi tulisan

Itulah sedikit penjelasan tentang Cara Membuat Kotak Pada Postingan Blog. O ya saya dapat tutorilanya dari BLOGOOBLOK. Untuk model kotak bisa lihat di sini.

Selamat mencoba, semoga bermanfaat.