Minggu, 28 Agustus 2011

Cara Membuat Border di Sidebar

Ada banyak cara untuk mengelola blog dengan baik. salah satunya adalah bagaimana membuat blog kita tampak lebih indah jika dilihat. semakin menarik maka semakin banyak pula yang tertarik (intermezzo aja). Kali ini yang kita bahas adalah bagaimana cara membuat Border binti Frame binti bingkai di sidebar blog kita. sebenarnya bukan cuma di sidebar aja tapi kita juga bisa membuatnya di posting ataupun di halaman lain yang kita mau. suka-suka deh pokoknya. Kita ketahui banyak sekali fungsi dari border ini diantaranya kita bisa membuat suatu skat untuk catatan tertentu misalnya, atau juga untuk pengunguman dll. Ok deh langsung aja kalo gitu, dibawah ini adalah beberapa contoh dasar Script pembuatan border yang sederhana. kamu bisa mencobanya di blog kamu dengan cukup mengcopy kodenya saja(terima jadi).
1. Solid
<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
2. Dashed
<div style="border: 1px dashed #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
3. Dotted
<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
4. Double
<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
5. Groove
<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
6. Outset
<div style="border: 4px outset #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
7. Ridge
<div style="border: 4px ridge #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
nah dari 7 contoh kode di atas, kamu bisa mencobanya semua. Untuk merubah warna backroundnya kamu tinggal merubah kode warna saja. sedangkan untuk lebar border, kamu cukup mengganti ukuran width (lebar) sesuai dengan yang kamu inginkan. cukup jelas kan??
good luck!!!

credit tohttp://haysmal.wordpress.com/2010/03/26/membuat-border-di-sidebar/

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...