Nah, untuk kali ini kita akan coba sedikit utak-atik blog kita menggunakan CSS. Tenang aja, kalo ada kesalahan pada CSS dalam template, akibatnya ga sefatal saat kawan melakukan kesalahan pada editing HTML koq. Jadi santai aja kawan...
Follow these step by step below: --> Ikuti langkah-langkah dibawah ini (katanya orang bule)
- Login Blogger dulu tentunya.
- Klik Design/Rancangan/Layout pada Dashboard.
- Klik Edit HTML dan beri tanda centang.
- Kita isi dulu Kode CSSnya, di antara tag <head> dan </head>, atau kawan bisa copas kode di bawah ini tepat di atas kode ]]></b:skin>.
- Gunakan CTRL+F pada browser kawan untuk mempercepat pencarian Script pada Edit HTML.
#lengkung {
height: 300px;
width: 500px;
margin: 0 auto;
background: #ff0000;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}
- Pada kode-kode yang berwarna merah tebal diatas, pastinya kawan-kawan sudah tau harus diapakan...
- Berikutnya terserah kawan kode HTML di bawah ini mau dieditkan di bagian manapun yang disuka. Asal, itu script HTML untuk membuat BORDER.
<div id="lengkung">
-- Isi dari Kotak letakkan disini --
</div>
- Untuk warna merah tebal dalam kode HTML di atas, uda tau kan mau diapakan. Kalau kawan ingin isi dengan gambar juga boleh. Tapi jangan lupa rubah pula nilai lebar (width) dan tingginya (height) agar sesuai dengan gambar yang kawan buat.
- Tapi sayang banget, lagi-lagi script di atas ga support dengan IE dan Opera 10.63.
Experiment VandeSoul Membuat Sudut yang bisa melengkung hanya dengan menggunakan CSS dan tidak menggunakan Gambar sama sekali.