Dalam sebuah template blog, biasanya suka akan bahkan sudah pasti dihiasi dengan berbagai widget atau apapun yang dapat membuat Tampilan blog tersebut terlihat lebih elegan atau keren disebutnya. Dan salah satunya adalah dengan memberikan polesan pada garis atau border baik pada sidebar, postingan atau dimanapun kita suka. Pada postingan ini saya mengambil judul membuat rounded corner/sudut melengkung/tumpul pada blog, maksudnya memberikan nuansa beda pada tampilan sudut-sudut garis pada blog kita.
Contoh Blockquote Dengan Efek Border Melengkung :

Area Blockquote Melengkung

Bedakan dengan Area Blockquote ini :

Area Blockquote Standard

Nah untuk cara membuat efek melengkung berdasarkan pada kode berikut :

-moz-border-radius-bottomright
-moz-border-radius-bottomleft
-moz-border-radius-topright
-moz-border-radius-topleft

Nah untuk pemasangannya sendiri, kalian bisa pilih mau dipostingan, sidebar, footer atau yang lainnya, yang pasti untuk membuat sudut garisnya melengkung kalian cukup menambahkan kode diatas. Contoh penerapan pada sidebar :

#sidebar1 .widget {

margin: 0px 0px 5px 0px;

padding: 5px 5px 5px 5px;

background: $sidebar1bgColor;

-moz-border-radius-topleft: 20px;

-moz-border-radius-topright: 20px;

-moz-border-radius-bottomleft: 20px;

-moz-border-radius-bottomright: 20px;

}

Keterangan :
Angka 20px pada kode diatas berarti total sudut lengkung yang akan kita buat, sebenarnya itu tergantung selera kalian, semakin besar angkanya semakin besar juga sudut lengkungnya. Contoh diatas itu akan membuat semua sudut sidebar kalian melengkung, jadi kalian bisa merubah tampilannya, misalkan kalian hanya ingin membuat sudut melengkung pada kedua sisi atasnya saja, maka kalian hanya tinggal menambahkan kode berikut saja :

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;

Untuk sisanya saya rasa kalian bisa mengolahnya sendiri atau bahkan bisa lebih hebat lagi.