How to Make a Box / Border for Blog post

hari ni juga kita akan blaja macam mana nak buat box yang cantik-cantik untuk blog kita . tapi tak ada la cantik mana pon blog kita ni . ngeh3x..-.-'' 

contohnya macam yang kat bawah ni, cantik tak? cantik kan? haha !! perasan sudah ..@_@

nampak tak? kalau tak nampak, boleh tengok kat bawah ni pulak.

I L O V E Y O U !

sekarang nampak tak? nampak saja bila tulis iloveyou ye? gugu..

<div style="color: white;"> <br /></div> <div style="color: white;"> <br /></div> </div> </div> <style type="text/css"> div.background { width:px; height:px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttHAgGhANCa5qbL_WyYM6GtB5p99Nh0X7kaUIrvjgEEHm4ftunSOtylrjkFE3BaC4Lkg9u2EVpmGtNWFD3a1x0VDHUKvHEGXBiRXyRW7LTKByeZ0GDIlVDv15uxW7gOVpUd0v2TuNYvAI/s1600/love.jpg) repeat; border:1px solid black; } div.transbox { padding-top:20px; padding-bottom:20px; padding-right:20px; padding-left:20px; width:px; height:px; margin:px px; background-color:#ffffff; border:1px solid black; opacity:0.9; filter:alpha(opacity=60); /* For IE8 and earlier */ } div.transbox p { margin:30px 40px; font-weight:bold; color:#000000; } </style> <br /> <div class="background"> <div class="transbox"> WRITE YOUR TEXT HERE</div> </div>

untuk nak buat box macan kat atas ni, mula-mula:

1. copy source code kat atas ni.
2. paste dekat mana-mana yang korang nak
3. cari ayat "WRITE YOUR TEXT HERE", lepas tu letak apa yang korang nak tulis kat dalam box tu..

korang boleh juga tukar gambar.. contohnya, dalam box kat atas ni aku guna gambar kat bawah ni, ikot korang la nak letak gambar apa. kalau nak tukar gambar, cari background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttHAgGhANCa5qbL_WyYM6GtB5p99Nh0X7kaUIrvjgEEHm4ftunSOtylrjkFE3BaC4Lkg9u2EVpmGtNWFD3a1x0VDHUKvHEGXBiRXyRW7LTKByeZ0GDIlVDv15uxW7gOVpUd0v2TuNYvAI/s1600/love.jpg) repeat;

korang letak la gambar apa yang korang nak.

.

selamat mencuba !! <3