Cara Membuat Kotak Script Sudut Border Melengkung di Posting Blog

Berikut ini adalah beberapa versi kotak script yang sudut bordernya dibuat melengkung, sangat bagus di gunakan pada postingan yang menandakan kode HTML, CSS, JavaScript biar tampilan posting terlihat dinamis.

Box code versi ini cara penerapan tidak ada beda dengan versi kotak script biasa hanya saja ada penambahan kode CSS.

CHECK THIS OUT...

Border Solid Tampil Kiri

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Letakkan Script disini……</div>

Border Solid

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Letakkan Script disini…… </div>

Border Dashed

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Letakkan Script disini……</div>

Border Double

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Letakkan Script disini……</div>

Border Outset

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Letakkan Script disini……</div>

Dengan cara :
- Copy script box code dari beberapa jenis tampilan di atas
- Paste pada Menu Tab HTML Artikel Entri

Kreasi dengan beberapah bagian di bawah ini :
- Mengganti ukuran sudut lengkungan : border-radius: 10px ada 3 ganti semua
- Mengganti warna background : background-color: #codewarna
- Merubah ketebalan border / garis tepi kolom : border: 4px

Baca Artikel tentang optimasi halaman posting pada RELATED POST di bawah posting ini.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest