Home
Advertisement Here

Membuat Lengkungan Pada Sudut Template Blog Anda


Oke langsung saja kita lihat dulu kode-kode yang kita pakai,
  • -moz-border-radius => kode ini akan membuat segala sudut jadi melengkung, baik itu kiri atas, kiri bawah, kanan atas dan kanan bawah
  • -moz-border-radius-bottomright => kode ini membuat garis melengkung kanan bawah saja
  • -moz-border-radius-bottomleft => kode ini di gunakan untuk membuat garis kiri bawah melengkung saja
  • -moz-border-radius-topright => kode ini untuk garis melengkung kanan atas saja
  • -moz-border-radius-topleft => kode ini untuk garis melengkung bagian kiri atas saja
Nah sekarang cara memasangnya adalah sebagai berikut ini:
Masuk ke dasbor blogger anda, pilih rancangan dan edit HTML..
Jangan lupa centang Expand Template Widget, dan silahkan anda memasukkan kode yang telah saya utarakan di atas, di bagian-bagian mana anda ingin membuat lengkungannya.
Anda harus menambahkan nilai pada ujung kode tersebut, ini untuk menentukan seberapa melengkungkah sudut yang kita mau. berikut ini cara penambahannya..
-moz-border-radius 10px;
Contohnya peletakkannya seperti berikut: 

#footer{
-moz-border-radius-bottomright:10px;
background:#FF00FF;
}
Nah hasilnya akan menjadi seperti gambar di atas.. Oke silahkan mencoba dengan kreasi

No comments:

Advertisement