Cara Membuat Garis Border Melengkung Pada Postingan

Hai, kali ini HM akan mencoba memberikan tips tentang Cara Membuat Garis Border Melengkung Pada Postingan. Garis border ini juga berfungsi untuk mempercantik tampilan blog sobat. Oke, tanpa banyak basa basi lagi, berikut langkah-langkahnya :

1. Login ke Blogger

2. Buat postingan baru

3. Pilih "HTML" (karena disini anda akan menggunakan script)

4. Pilih script dibawah ini, sesuai pilihan anda

# Tepi Kiri Kanan Melengkung 
<div style="-moz-border-radius: 20px 10px 20px 10px; -webkit-border-radius: 20px 10px 20px 10px; background-color: #fd010d; 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>

5. Pilih "Compose" pada pilihan posting

6. Selesai, lihat hasilnya.

Demikian artikel HM tentang Cara Membuat Garis Border Melengkung Pada Postingan, semoga bisa membantu dan bermanfaat, selamat mencoba. Terimakasih...