Membuat sudut blog melengkung

Untuk membuat sedikit variasi terkadang kita ingin membuat sudut blog melengkung, setelah saya tanya-tanya si mbah ternyata caranya sangat mudah. Kita hanya perlu menambahkan sedikit kode CSS. OK langsung saja kita uraikan sedikit penjelasan di bawah :
  • -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
Cara memasangnya adalah sebagai berikut ini:
  1. Seperti biasa masuk ke dasbor blogger anda >> rancangan >> edit HTML >> centang Expand Template Widget
  2. Silahkan sobat masukkan kode yang telah saya utarakan di atas, di bagian-bagian mana saja sobat ingin membuat lengkungannya. Sobat harus menambahkan nilai pada ujung kode tersebut, ini untuk menentukan seberapa besar derajat lengkungan sudut yang kita mau.
  3. Contohnya peletakkannya seperti berikut:
#footer{
-moz-border-radius-bottomright:10px;
background:#FF00FF;
}
Nah hasilnya kurang lebih seperti gambar di bawah ini.

Untuk selanjutnya silahkan sobat berkreasi sendiri :D
Selamat mencoba dan salam blogger.

Disadur dari sumber
Comments
0 Comments

0 komentar :

Posting Komentar

Jika anda menyukai artikel di atas silahkan share atau tinggalkan komentar. Mohon maaf, untuk menghindari spam, komentar yang menyertakan live link akan dihapus.

Statistik