Monday, 26 March 2012

Membuat Kotak Sudut Melengkung

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


Daftar Isi:

1 Comments
Tweets
Komentar

1 comments:

Yohanor Saputera said...

er

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Bluehost Coupons