Cara Membuat Rounded Corner Pada Border - Indriawan dot Com | Informasi Dan Berita Online

Breaking

Post Top Ad

Space Iklan

Sabtu, 30 April 2011

Cara Membuat Rounded Corner Pada Border

Sebelumnya bagi para master yang sudah tahu maaf ya, saya cuma mau share aja buat sobat blogger yang mungkin belum tahu hehehe. Apa sih rounded corner itu? Yang di maksud rounded corner adalah garis melengkung pada border blog sob, coba deh lihat contoh di bawah. Sebenarnya sangat banyak macam-macam rounded corner, tapi kali ini saya akan membahas yang paling simpel dulu. Kebanyakan border atau garis tepi blog biasanya hanya kotak saja tanpa ada variasi seperti ini.


Contoh border biasa


Contoh border biasa


Sedangkan untuk yang menggunakan rounded corner seperti ini.

Contoh border rounded corner


Contoh border rounded corner

Untuk membuat rounded corner sangat mudah, sobat hanya perlu menambahkan kode warna biru setelah border. Contohnya begini (border:1px solid #000;) ini yang biasa. Kalau ingin menambahkan garis melengkung, hanya menambahkan kode seperti ini (border:1px solid #000;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;). Mudah kan? Silahkan di coba ya kawan..

Semoga bermanfaat.
Alhamdulillah...

27 komentar:

  1. ternyata begini cara pembuatannya. thanks gan

    BalasHapus
  2. thanks tutorialnya sob. templatenya bagus tuh....

    BalasHapus
  3. Sama2 sob, thanks udah mampir...

    BalasHapus
  4. siippp. ilmunya sangat bermanfaat, kunjungi juga : http://boieblamo.blogspot.com/

    BalasHapus
  5. makasi sob infonya

    BalasHapus
  6. assalamualaikum admin, saya mau nanya gimana cara buat tampilan koment seperti http://bloggerbiasa.blogspot.com,,

    BalasHapus
  7. assalamualaikum admin,saya ingin tanya bagaimana cara nak nak letak google search di blog?

    BalasHapus
  8. wah, makasih, makasih gan,, buat sendiri gak bisa-bisa nich, pas nyari di google, lgsng nemu blog sobat nich di #1,, makasih tutornya...

    BalasHapus
  9. mantab nih pak caranya.
    semoga bisa ane praktekkin.

    salam.

    BalasHapus
  10. ijin coba terapkan ilmunya gan...
    salam kenal

    BalasHapus
  11. Saya baru tahu yang namanya rounded.. terima kasih ulasannya..

    salam Desainew

    BalasHapus
  12. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    BalasHapus
  13. informasinya sangat bagus sekali...
    saya suka..
    banyak pengetahuan yang saya dapatkan setelah saya berkunjung ke blog ini....

    BalasHapus
  14. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga semakin sukses nya

    BalasHapus
  15. sangat menarik sekali infonya :)

    BalasHapus
  16. kebaikan yang anda berikan melalui blod ini semoga menjadi amal soleh,,,amin salam kenal dan sukses selalu

    BalasHapus
  17. trimakasi atas infonya semoga dapat bermanfaat gan

    BalasHapus
  18. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    BalasHapus



  19. ditunggu artikel selanjutnya gan

    BalasHapus
  20. Terima Kasih ya Gan, Artikel yang sangat Bagus dan Bermanfaat.. Update terus dan sukses selalu ya Gan..
    jangan lupa berkunjung yah gan^^
    judi online
    situs judi online
    roulette
    roulette online
    baccarat
    baccarat online
    casino online
    live casino
    agen casino
    judi casino

    BalasHapus

Post Top Ad

Space Iklan