Saturday, October 21, 2017

Cara Membuat Box/Kotak Di Dalam Postingan Blog.

Cara membuat box didalam postingan
Bagi para blogger khususnya dengan niche bahasa pemograman atau mungkin yang lain yang memerlukan membuat penulisan diblog pasti tentu kebingungan. Sebab Blogger tidak menyediakan menu untuk membuat kotak atau box untuk ditampilkan didalam postingan.

Hal itu tentu harus mengharuskan kita membuat box nya secara manual. Tapi tenang kali ini Ngoding-Nyantai akan memberikan solusi akan hal tersebut.

Silahkan Copy paste kode berikut kedalam postingan anda, Lalu anda dapat mengubah kalimat "ubah adek bang" dengan tulisan yang anda butuhkan.

Model 1.
<p style="border: solid 1px #eceff5; background: #29447E; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">ubah adek bang</p>

Model 2.
<p style="border: dashed 2px #eceff5; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #1a356e; font-size: 18px">ubah adek bang</p>

Model 3.
<p style="border: solid 1px #333; background: #999; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: black; font-size: 18px">ubah adek bang</p>

Model 4.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">ubah adek bang</div>

Model 5.
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">ubah adek bang</div>

Nah sekarang anda sudah bisa membuat box didalam postingan anda tanpa harus banyak merombak. Jangan lupa share dan tinggalkan komentar anda

No comments:

Post a Comment