Mau Sudut Sidebar,post,dan navbar mu menjadi melengkung ?

Halo para sharelikers?,wah sepertinya judul diatas rada-rada aneh ya?hehe.Seperti menawarkan barang tapi kita sendiri lah yang harus 'mengambilnya'.Sebenarnya bagi blog master ini sih perkara mudah,iyakan?tapi berhubung saya ini seorang newbie maka saya merasa ingin berbagi informasi ini bagi para newbie yang lain.Maklum sesama newbie harus berbagi,bagi yang udah master langsung di comment aja ya.

Sebenarnya kita hanya menambahkan sedikit kode namun asngat berarti bagi perubahan dan keelokan blog kita.Hal itu dapat meningkatkan minat pengunjung kita secara tidak langsung loh,lah kenapa begitu?ya iyalah,karena tampilan blog kita menarik maka para visitor juga betah  untuk berlama-lama di Blog anda.Wah mau tuh,hehehe.Oke deh kalau saya share saja langsung,oh ya, sebelumnya setel dulu lagu AFKG after dark ya,biar enggak ngantuk hehehe,lah belum tahu dimana nyetelnya?tuh disebelah kanan,yang mirip IPOD itu loh,hehehe,Oke deh,kok malah ngalur ngidul kayak begini,ehm maaf ya,hehehe.

sebelumnya coba check dulu deh blog kamu
1.Loggin dong ke blogger
2.masuk dasboard langsung longcat eh loncat ke rancangan
3.terus masuk ke edit HTML
4.jangan lupa click EXPAND WIDGET TEMPLATE,
5.Nah sekarang dengan menggunakan CTRL+F atau F3 kamu cari deh kode
   seperti dibawah ini serta kode -kode lain yang serupa tapi tak sama
   ( alias kode lainnya juga )

.post {
background:#ffffff;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
}

Nah sekarang kamu ganti deh kode yang berkedip-kedip diatas dengan kode berikut:

-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
}

Perhatikan kode diatas,Angka 10 px adalah ukuran kelengkungan nya (dalam pixel) diatas bisa anda ubah sesuai dengan keinginan anda.Untuk kode Browser Safari,Ditambahkan Kode berikut ini

-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-bordertop-right-radius-:10px;
-webkit-border-top-left-radius:10px;
}

Bila kedua-duanya digabungkan maka kodenya seperti Ini :
-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-top-left-radius:10px;

Nah Sekarang Save Templatemu,Oh ya,buat melengkungin yang lainnya juga anda tinggal mencari kode yang mirip-mirip diatas(yang tulisannya[.post ]diatas loh) ,Tinggal anda klik CTRL+F trus anda cari ketik deh sidebar,Navbar atu yang lainnya,selamat berkreasi dan mempercantik Blog mu

*}ups hampir lupa,tips mempercantik lengkunganmu  coba deh trick dibawah ini :

1.buat ukuran bottom right dan top leftnya jadi 0 (tulis aja angka nol tanpa embel-embel px)

2.buat ukuran  bottom right dan bottom leftnya yang 0 (tulis aja angka nol 

   tanpa embel-embel px)  contoh gambar yang tulisanya chrome

3.hanya salah satu dari bottom/top dari left /right yang 0(tulis aja angka nol 

   tanpa embel-embel px loh) contoh gambar yang tulisannya Mozilla

4.buat  ukuran bottom left,dan bottom leftnya yang 0 (tulis aja angka nol 

   tanpa embel-embel px) sama dengan chrome diatas,tapi kebalikan aja sob

   lengkungannnya

5.buat ukuran serta salah satu dari top /bottom left(atau juga right) yang 0 

   (tulis aja angka nol tanpa embel-embel px )Lihat contoh diatas

~~~~~~~~~~~~~SELAMAT BERKREASI~~~~~~~~~~~~~