Membuat Border / widget melengkung pada blog

Pasti sobat sudah pernah melihat sudut pada blog, baik di widget maupun terdapat pada border artikel..
Nah kali saya akan membuat turtorial cara membuat sudut border atau widget melengkung...
Jika sobat tertarik untuk membuatnya, simaklah turtorial di bawah ini...
Contoh border pada artikel / border baru mau 
di buat :

• <div style="background-color: #eaeaea; border: 6px #000000 inset; height: 100px; padding: 10px; text-align: left; width: 150px;">AZIZ DIGITALS</div>

 dan hasil dari code itu adalah :

AZIZ DIGITALS

Jika kita tambahkan Code seperti di bawah ini

• border-radius: 15px; 

Maka hasilnya akan seperti ini :

•  <div style="background-color: #eaeaea; border-radius: 15px; border: 6px #000000 inset; height: 50px; padding: 10px; text-align: left; width: 150px;">AZIZ DIGITALS</div>
  

AZIZ DIGITALS

kata-kata sobat taruh sini<blockquote class="tr_bq" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 5px 15px; background-color: #ffffcc; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 2px dotted rgb(255, 204, 102); box-shadow: rgb(204, 204, 204) 0px 5px 15px; color: #6e6e6e; font-family: Georgia, 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size: 14px; height: auto; line-height: 19.600000381469727px; padding: 10px; width: 431.20001220703125px;">
kata-kata sobat taruh sini</blockquote>

• Hasilnya akan seperti di bawah ini...

kata-kata sobat taruh sini

Semoga bermanfaat bagi agan-agan...