Cara Membuat Garis Border Melengkung Pada Postingan Blog

 
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>