Cara Mudah Membuat Border Sudat Melengkung

Saya kira sudah banyak tutorial blog tentang cara membuat border sudut melengkung pada widget / element halaman yang ada di blog. Contohnya sobat bisa lihat gambar dibawah ini :


Jika sobat tertarik ingin membuatnya langkahnya sangat sederhana, gini sob caranya :
    Log In ke akun blog Sobat, terus pilih Dashboard lalu pilih Tata Letak / Rancangan

    kemudian pilih tab Edit HTML

    setelah itu contreng tulisan Exspand Widget Templates
Nah,selanjutnya cari kode ]]></b:skin> (gunakan Ctrl+F di keyboard sob), setelah ketemu tinggal letakkan kode CSS dibawah ini tepat diatas kode ]]></b:skin> tadi

}
.membuatbordermelengkungroundedcorner {border: 3px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.membuatbordermelengkungroundedcorner a {background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;
}

lihat seperti gambar dibawah

Selanjutnya,Simpan Templates sobat ya.

Untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan dan klik tulisan Add New Widget atau Tambah Gadget


Selanjutnya pilih HTML/Javascript dan letakkan kode berikut diantara widget kode HTML yang akan ditambahkan

<div class='membuatbordermelengkungroundedcorner'>
Disini kode yang akan ditambahkan (bisa kode html iklan ataupun kode javascript dan sejenisnya)
</div>



Lihat Gambar Lebih Besar
Setelah itu, tinggal klik Simpan dan blog sobat sudah memiliki border melengkung pada widget yang diinginkan...
Selamat Mencoba...

Sumber : http://pelajaran-blog.blogspot.com/2011/02/membuat-border-sudut-melengkung-pada.html

"Terima kasih anda telah membaca artikel Cara Mudah Membuat Border Sudat Melengkung. Tak lengkap rasanya jika kunjungan anda di eastjavablogs tanpa meninggalkan komentar. Untuk itu silahkan berikan tanggapan anda pada kotak komentar di bawah. Semoga artikel Cara Mudah Membuat Border Sudat Melengkung ini bermanfaat untuk anda".