Cara membuat pojok blog melengkung dengan CSS
Trik ini menggunakan CSS ada tiga macam yaitu Webkit, Gecko dan CSS3 dan gabungan dari ketiganya. Sebenarnya trik ini sangatlah mudah dipahami dan sangat sederhana dalam penggunaannya, meskipun begitu hal tersebut sempat membuat saya bingung beberapa bulan hingga akhirnya saya menemukan
TOOLS BORDER RADIUS yang merupakan sebuah tool khusus untuk membuat pojok sebuah kolom menjadi melengkung. tanpa banyak basa basi saya pun langsung mencoba nya dan ternyata sangat mudah sekali, menggunakan tool ini kita hanya di minta untuk rubah angka pada pojok tool tersebut dan taraaa... kode css nya pun langsung nongol dengan mudah nya, Hehehe...
Kalau anda penasaran silahkan menuju ke border-radius.com lakukan sesuai keinginan anda mau seberapa melengkung kah? hehe.. Trus setelah itu kode CSS nya di taruh mana? karena saya hendak membuat tampilan pada siku-siku blog maka saya meletakkan kode CSSnya di sini :
TOOLS BORDER RADIUS yang merupakan sebuah tool khusus untuk membuat pojok sebuah kolom menjadi melengkung. tanpa banyak basa basi saya pun langsung mencoba nya dan ternyata sangat mudah sekali, menggunakan tool ini kita hanya di minta untuk rubah angka pada pojok tool tersebut dan taraaa... kode css nya pun langsung nongol dengan mudah nya, Hehehe...
Kalau anda penasaran silahkan menuju ke border-radius.com lakukan sesuai keinginan anda mau seberapa melengkung kah? hehe.. Trus setelah itu kode CSS nya di taruh mana? karena saya hendak membuat tampilan pada siku-siku blog maka saya meletakkan kode CSSnya di sini :
#wrap{Kode yang warna merah adalah kode yang di dapat dari tool tadi, setelah itu simpan templatemu dan lihat hasilnya. Hehehe selamat mencoba ya :)
background:#FFFFFF;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-goog-ms-border-radius:10px;
width:530px;
margin:10px auto 10px;
padding:0px 20px 15px 20px
}
css3 memang asyik mas.. :)
BalasHapuswuish.. om dhany Blogazine bisa aja :) yaya memang seru abis bisa apik tampilan e
BalasHapuslangkah-langkahnya,,,gimana,,,?
BalasHapustaruh kode css dari border radius di dalem tag >> #wrap{ seperti contoh nya diatas :)
BalasHapusko punya ane ga ada kode #wrap nya..??
BalasHapusDimana donk..??
maklum newbie..
buat blog ini ni..>> Gudang Makalah-Mu
Ditempat anda #outer-wrapper
BalasHapusmakasih infonya gan,,,
Hapus