Membuat Halaman Blog, Sidebar Blog Melengkung Pada Sudutnya

Written By Namaqu Aoi on Tuesday, November 9, 2010 | 6:50 PM

Sedikit saya beri penjelasan,, maksud dari halaman blog, Sidebar blog yang melengkung adalah seperti ini :

untuk membuat 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 
  • Pilih ‘TATA LETAK’/ Rancangan
  • Klik "Edit HTML"
  • (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 merah 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);

  • Setelah selesai Simpan templatedann lihat hasilnya.. :)
Catatan : 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.

0 comments:

Post a Comment