Cara membuat border pada blog

Border memang sangat banyak gunanya.
Selain sebagai pembatas , border juga digunakan untuk memperindah tampilan blog anda sehingga para pengunjung blog anda pun betah berlama-lama dengan blog anda.

Catatan :

  • Tulisan yang berwarna merah adalah isi dari border tsb , ubah sesuai dengan keinginan anda.
  • Ketebalan garis luar border = solid / double / dashed .. dll... ubah sendiri tebal atau tipisnya sesuai dengan keinginan anda.
  • background : #FFDEAD itu adalah warna background pink dibelakang tulisan
  • color : white , warna pada tulisan.
  • padding : 20px adalah jarak antara tulisan dengan border.

Dibawah ini contoh border dan script nya :



Simpan tulisan anda disini
<div style="border: 10px double blue;">Simpan tulisan anda disini</div>


Simpan tulisan anda disini
<div style="border: 10px solid blue;">Simpan tulisan anda disini</div>


Simpan tulisan anda disini
<div style="border: 10px groove red;">Simpan tulisan anda disini</div>


Simpan tulisan anda disini
<div style="border: 10px outset red;">Simpan tulisan anda disini</div>


Simpan tulisan anda disini
<div style="border: 10px ridge green;">Simpan tulisan anda disini</div>


Simpan tulisan anda disini
<p style="border: solid 10px #FFA07A; background: #FFDEAD; 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: white; font-size: 18px">Simpan tulisan anda disini</p>


Simpan tulisan anda disini
<p style="border: solid 10px #FFA07A; background: #FFDEAD; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">Simpan tulisan anda disini</p>


Simpan tulisan anda disini
<p style="border: dashed 5px  #FFA07A; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #FFDEAD; font-size: 18px">Simpan tulisan anda disini</p>


Simpan tulisan anda disini
<div style="color:black;background:white;border:2px dotted red;padding:10px;margin:5px;width:300px;">Simpan tulisan anda disini</div>


Komentar menggunakan Facebook
Subscribe

0 Komentar Blogger
Komentar Facebook

Pasang Widget Otomatis



Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Masukkan URL blog max 10 URL
( Tools by Dhecun Blog : Get Widget )

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Dapatkan update artikel terbaru dari Dhecun Blog

yang akan dikirim ke email anda secara gratis...!

Jangan lupa buka Email anda untuk verifikasi.
RSS feeds















Space Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Kategori pasang iklan

Rp.10.000 per bulan
Rp.100.000 per tahun
Judul iklan
Deskripsi iklan
Gambar (220x150)

Iklan Sponsor 1

About Me

Profil Google+
My Facebook
Kirim SMS Gratis
Download Gratis
Print

Contact

Contact on Email
Contact on Facebook

Rekomendasi

Follow

RSS feeds

Widget Populer

Widget Zoom Detail Gambar

Widget Share Button Melayang

Share

Tukar Link

Traffic

Semua Artikel




Tampilkan semua artikel

10 Artikel Terbaru






Masukkan email anda

untuk berlangganan artikel




Dhecun Blog

Followers

Google+ Followers

Google+ Badge