Make Border-Radius

-Moz-Border-Radius (Untuk Mozilla)

<div style="background-color:#ccc; -moz-border-radius:5px; border:1px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#ccc; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border:1px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius-topright:30px; -moz-border-radius-bottomright:30px; border:5px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius:30px 10px;  border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

-Webkit-Border-Radius (Untuk Safari)

<div style="background-color:#A9D0F5; -webkit-border-top-left-radius:30px; -webkit-border-bottom-right-radius:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5D0A9; -webkit-border-top-left-radius:50px; -webkit-border-top-right-radius:50px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

Border-Radius (Support Opera 10.5)

<div style="background-color:#F5F6CE; border-radius:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

Jika ingin membuatnya pada sidebar blog, silahkan sobat aplikasikan kode css sidebar blog sobat dengan kode diatas. Caranya hanya menambahkan kode yang berwarna orange diatas kedalam css sidebar blog sobat.

Related Post

Tips Blogger

• Scroll Tampil Dipostingan Jika Diperlukan
• Membuat background Pada Judul Sidebar
• Menambahkan Twitter Button di Blog
• Membuat Saving Energy Dengan Gambar Sendiri
• Fixed Guestbook Slide Effect With jQuery
• Naruto Emot Untuk Komentar
• Efek Animasi Dasar Pada Blog
• Cara Mudah Membuat Tool Tip Dengan CSS
• Cara Mudah Membuat Textarea
• Membuat Menu Iklan (jQuery Ads Popout)
• Cara Membuat Slideshow Gambar (with jQuery)
• Membuat Simple Menu
• Efek-efek Tulisan Menggunakan CSS3
• Membuat Menu Daftar Isi Jtoctree
• Image Zoom Effect With Jquery
• Shoutbox Light Effect
• Membuat Hover Image CSS3 Pada Blog (Seperti Blog ini )
• Bertabur Cinta
• Light Hover Horizontal Menu With CSS For Blogger
• Cara Memindah-Mindahkankan Gambar Dengan jQuery
• Cara mudah memasukkan banyak Tab Widget pada sidebar
• Cara Pasang Efek Kupu - Kupu Berterbangan
• Merobah Domain Menjadi CO.TV
• Cara Memasang Efek Bintang Berjatuhan di Blog