Minggu, 29 April 2012

0 Membuat Kotak Sudut Melengkung

Chyberart - Sidebar bawaan dari blogger biasanya masih berwujud kotak yang bersudut. Akan tetapi bila kita mempunyai selera lain, misalnya akan menghilangkan sudut dan ingin menggantinya dengan lengkungan pada pojoknya, ada sedikit tambahan pada kode css, yaitu :
  • masuk ke blogger
  • pilih rancangan
  • edit html
  • trus cari kode ]]></b:skin> kalo sulit mencari kode tersebut pencet F3 trus masukkan kode yang dicari di kotak tersebut. Nanti akan muncul dimana dia berada.
  • Kopi kode dibawah ini dan letakkan diatas kode ]]></b:skin>
#lengkung {
height: 300px;
width: 500px;
margin: 0 auto;
background: #ff0000;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}
  • Klik pratinjau, kalau template masih bisa jalan, kemudian simpen dengan meng-klik simpan template.
  • Klik Rancangan
  • Klik Tambah Gadget terus pilih HTML/JavaSript
  • Letakkan kode di bawah ini ke dalamnya
<div id="lengkung">
-- Isi dari Kotak letakkan disini --
</div>
  • Selesai mudah-mudahan berguna(Cara ini tak berlaku untuk IE dan Opera 10.63.)

0 komentar:

Poskan Komentar