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.
Previous
Next Post »

27 komentar

Write komentar
Ryan Computer
AUTHOR
6/13/2014 delete

Kotak scriptnya simple dan keren, ini yang aku cari. Izin pake ya sob :D

Reply
avatar
Garuda News
AUTHOR
8/16/2014 delete

izin menerapakan gan

Reply
avatar
Sarwo Edi
AUTHOR
10/16/2014 delete

Terima Kasih Ilmunya,...

Reply
avatar
JODHA
AUTHOR
2/03/2015 delete

http://vimaxasliobatpembesarpenis.blogspot.com/

Reply
avatar
Unknown
AUTHOR
6/23/2015 delete

MAKASIH ILMUNYA MAS. SANGAT BERGUNA

Reply
avatar
2/10/2016 delete

manfaat, langsung praktek

Reply
avatar
3/17/2016 delete

artikel tambah berat ngak nih?

Reply
avatar
3/27/2016 delete

akhirnya ketemu juga, terima kasih sob sudah mau berbagi pengetahuan tentang membuat kotak script keren ini, sangat bermanfaat untuk saya :))

Reply
avatar
4/19/2016 delete

makasih sudah mau berbagi ilmu nya.

Reply
avatar
Unknown
AUTHOR
6/20/2016 delete

keren gan, ijin coba.

debetimes.blogspt.com

Reply
avatar
8/08/2016 delete

akhirnya ketemu juga nih artikel. nice makasih gan

Reply
avatar
8/09/2016 delete

ini baru unik, thanks gan ilmunya

Reply
avatar
8/20/2016 delete

Thanks buat infonya, bermanfaat banget buat saya

Reply
avatar
8/20/2016 delete

YUHUW....KEREN ABIS!!! jangan bosan-bosan nulis artikelnya,,ditunggu!

Reply
avatar
mukena
AUTHOR
8/22/2016 delete

siiip...ok banget...terimakasih..

Reply
avatar
8/23/2016 delete

salam blogger gan,nice info and thanks

Reply
avatar
mukena
AUTHOR
9/16/2016 delete

ijin share ya gan, maksih

Reply
avatar
9/17/2016 delete

jadi keliatan keren ada bordernya

Reply
avatar
9/19/2016 delete

thankyou ilmunya

Reply
avatar
Ridhwan Zain
AUTHOR
1/23/2019 delete

Bagus gan, izin pake ya...

Salam : Simakpedia

Reply
avatar
Info menarik
AUTHOR
8/22/2019 delete

kalau untuk membuat kotak ini di kolom postingan gimana ya?

Reply
avatar