Membuat Halaman Blog, Sidebar Blog Melengkung Pada Sudutnya

Minggu, 04 Juli 2010

Sedikit gambaran judul artikel ini, mungkin anda pernah mengunjungi sebuah situs/blog yang pada bagian-bagian pojoknya melengkung, sudut-sudutnya tidak 90 derajat, tapi melengkung persis sebuah busur?,.. atau anda klik DISINI untuk melihat salah satu contoh blog yang melengkung sudut-sudutnya. Nah,.. untuk halaman yang demikian ini cara membuatnya tidak terlalu sulit anda hanya memberi sedikit variasi pada kode css htmlnya,
Ikuti Langkah-langkah berikut :

Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
Pilih ‘TATA LETAK’/ Rancangan
Klik "Edit HTML"
Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas
(gunakan Ctrl + F) Cari kode Yang mirip dibawah ini, Jika anda ingi Merubah Halaman posting artikel :

#post {
background:#ffffff;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;

border:1px solid #cfcfcf;
}

Ganti kode warna hijau denga kode :

border:1px solid #cfcfcf;;
-webkit-border-radius: 15px;
   -moz-border-radius: 15px;
            border-radius: 15px;
    -webkit-box-shadow: 0px 2px 5px rgba(0,0%,0%,.15);
       -moz-box-shadow: 0px 2px 5px hsla(0,0%,0%,.15);
            box-shadow: 0px 2px 5px rgba(0,0%,0%,.15);

Selesai Simpan template !!

Cat : Untuk merubah sidebar sama caranya dengan diatas, cari kode css sidebar-nya, biasanya diawali dengan #sidebar/. sidebar dan ditutup dengan }, tergantung kode CSS template anda.