Senin, 03 Juni 2013

Cara Membuat Garis Border Melengkung Pada Postingan Blog

membuat-garis-border-melengkung 
Inilah Cara Membuat Garis Border Melengkung Pada Postingan Blog :
  1. Login ke Blogger sobat.
  2. Tulis Postingan baru.
  3. Pilih "HTML" (fungsinya adalah kita posting menggunakan script-script yang kita edit sendiri)
  4. Masukkan (copas) Script di bawah ini sesuai yang sobat kehendaki.
  5. Pilih "Compose" lagi pada pilihan posting 
  6. Selesai.                                                                                                                      

# Tepi Kiri Kanan Melengkung
 <div style="-moz-border-radius: 20px 10px 20px 10px; -webkit-border-radius: 20px 10px 20px 10px; background-color: #cccccc; border-radius: 20px; border: 2px solid black; color: black; font-family: Arial; padding: 5px;">Tepi Kiri Kanan Melengkung</div>
 
# Pojok Kiri Atas Melengkung
<div style="-moz-border-radius: 1em 0em 0em 0em; background-color: orange; border-radius: 1em 0em 0em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kiri Atas Melengkung</div>
 
# Pojok Kiri Bawah Melengkung
<div style="-moz-border-radius: 0em 0em 0em 1em; background-color: green; border-radius: 0em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kiri Bawah Melengkung</div>
 
# Pojok Kanan Atas Melengkung
<div style="-moz-border-radius: 0em 1em 0em 0em; background-color: red; border-radius: 0em 1em 0em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kanan Atas Melengkung</div>
 
# Pojok Kanan Bawah Melengkung
<div style="-moz-border-radius: 0em 0em 1em 0em; background-color: blue; border-radius: 0em 0em 1em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kanan Bawah Melengkung</div>
 
# Tepi Kiri Melengkung
<div style="-moz-border-radius: 1em 0em 0em 1em; background-color: gold; border-radius: 1em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Tepi Kiri Melengkung</div>
 
# Tepi Kanan Melengkung
<div style="-moz-border-radius: 1em 0em 0em 1em; background-color: royalblue; border-radius: 1em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Tepi Kanan Melengkung</div>

Tidak ada komentar:

Posting Komentar