Membuat Border Header Blog Melengkung

Posting kali ini anda akan membuat header anda melengkung pada masing-masing sudutnya menggunakan CSS border-radius dengan mudah dan cepat. Tapi sebelumnya, anda harus template yang anda gunakan. Khawatirnya berbeda dengan template yang saya gunakan, yaitu Simple.

Pertama adalah masuk ke akun blogger > Template > Edit Html

Tekan ctrl+f lalu ketikkan .header-outer. Masukkan kode berikut tepat dibawah:

{background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -800px;

_background-image: none;

background:blue;

border: 2px solid red;

border-radius:10px;    

-moz-border-radius:10px;

-webkit-border-radius:10px;

-ms-border-radius:10px;

-o-border-top-radius:10px;}

ini yang telah anda buat. Masukkan kode tersebut sebelum tanda “}”:

Penjelasan:

Warna background biru dengan jenis border solid berwarna merah setebal 2px. Kode ini masih dapat digunakan sampai saat ini.