Membuat Halaman Blog, Sidebar Blog Melengkung Pada Sudutnya

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? 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.

Baca Juga: