Script Border Keren dan Cantik

Yang namanya untuk mempercantik blog, gak ada habis habisnya dan gak ada bosan bosan nya. Untuk postingan kali ini saya ingin berbagi dengan sahabat bloger tentang membuat kotak widget di blog. Script yang ini bias saja kamu buatin tempat gambar, link, flash, de es be.

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI

<div style="background-color: #aee8af; border: 2px #006400 solid; padding: 10px; text-align: left;">
KODE SCRIPTNYA / LINK DISINI </div>

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #AEE8AF text-align: left;"> KODE SCRIPTNYA DISINI </div>

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI

div style="border: 2px #006400 ridge; padding: 10px; background-color: #AEE8AF; text-align: left;"> KODE SCRIPTNYA DISINI </div>

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI

<div style="border: 2px #006400 inset; padding: 10px; background-color: #AEE8AFtext-align: left;">KODE SCRIPTNYA DISINI </div>

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI

<div style="border: 2px #006400 outset; padding: 10px; background-color: #AEE8AF; text-align: left;"> KODE SCRIPTNYA DISINI </div>

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI

<div style="border: 2px #006400 double; padding: 10px; background-color: #AEE8AF; text-align: left;">\KODE SCRIPTNYA DISINI </div>

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #AEE8AF; text-align: left;"> KODE SCRIPTNYA DISINI</div>

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI

  <div style="border: 2px #006400 dashed; padding: 10px; background-color: #AEE8AF; text-align: left;"> KODE SCRIPTNYA DISINI </div>

Untuk Border seperti ini :

KODE SCRIPTNYA / LINK DISINI
Kode Script / Link Disini

    <div style="border: 2px #006400 solid; padding: 10px; background-color: #AEE8AF; overflow: auto; height: 50px; width: 300px; text-align: left;"> KODE SCRIPTNYA DISINI </div>

Untuk membuatnya menjadi scroll seperti gambar dibawah,

KODE SCRIPTNYA / LINK DISINI
KODE SCRIPTNYA / LINK DISINI
KODE SCRIPTNYA / LINK DISINI
KODE SCRIPTNYA / LINK DISINI
KODE SCRIPTNYA / LINK DISINI

Tinggal Edit Tulisan berwarna Merah

<div style="background-color: #; border: 2px #006400 inset; height: 100px; overflow: auto; padding: 5px; text-align: left; width: 284px;">
KODE SCRIPTNYA / LINK DISINI<br />
KODE SCRIPTNYA / LINK DISINI<br />
KODE SCRIPTNYA / LINK DISINI<br />
KODE SCRIPTNYA / LINK DISINI<br />
KODE SCRIPTNYA / LINK DISINI </div>

Salam : Kesain Rumah Derpih

Share: