Jumat, 22 Juli 2011

membuat border melengkung pada halaman blog

Setelah saya menulis artikel mengenai cara membuat border melengkung pada blog widget,sekarang saya akan menjelaskan bagaimana cara membuat border melengkung pada halaman blog,yang ini jauh lebih mudah gan,berikut langkah-langkahnya ;

agan masuk ke blog agan,kemudian pilih entri baru,sebelum agan menulis artikel untuk diposting,agan copy dulu kode html di bawah ini ;

<div style="-moz-border-radius: 5px; background: #001112; border: 3px solid #000000; height: auto; padding: 10px; width: 100%;">

 caranya agan pilih dulu edit html,lalu baru paste kode yang ada di atas,Nah,,sekarang agan tinggal nulis artikelnya,jika sudah selesai tambahkan </div>  di akhir artikel agan

contoh ;


 <div style="-moz-border-radius: 5px; background: #001112; border: 3px solid #000000; height: auto; padding: 10px; width: 100%;">
disini artikel yang agan tulis,terserah agan mau nulis artikel apa saja. 
</div> 

kalo artikel agan sudah ada atau sudah jadi,agan tetep masih bisa menambahkan border kok,caranya agan copy saja kode yang diatas lalu paste tepat diatas artikel agan,lalu tambahkan
 </div> dibawah artikel agan.Nah,,!!agan lihat hasilnya

O iya gan,,!! kalo agan mau rubah warna background ato ukuran ketebalan bordernya bisa kok gan,agan juga bisa merubah warna bordernya dan ukuran radiusnya sesuai dengan keinginan agan.

background: #00111 :mengganti warna background
border: 3px solid #000000 :mengganti warna border dan ketebalan border
-moz-border-radius: 5px :mengganti ukuran radius border


kalo agan tidak tahu dengan kode-kode warna,agan tidak perlu bingung,agan tinggal  klik disini   agan tinggal pilih warna yang agan inginkan,lalu gantilah kode warna di atas dengan kode warna yang sesuai dengan keinginan agan.

selamat mencoba,teruslah menulis artikel yang bermanfaat.

2 komentar: