Inilah Cara Membuat Garis Border Melengkung Pada Postingan Blog :
- Login ke Blogger sobat.
- Tulis Postingan baru.
- Pilih "HTML" (fungsinya adalah kita posting menggunakan script-script yang kita edit sendiri)
- Masukkan (copas) Script di bawah ini sesuai yang sobat kehendaki.
- Pilih "Compose" lagi pada pilihan posting
- 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