Cara Membuat Kotak pada Posting Blog

1. Membuat Kotak Dengan Scroll

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:200px; height:200px; background- border:2px solid #FF0000;">

LETAKKAN TULISAN,KODE ATO GAMBAR DISINI

</div>

Kegunaan :

• Bisa buat posting Kode-Kode HTML/JavaScrip
• Bisa Diberi tulisan/gambar

2. Membuat Kotak Tanpa Scroll

<div style="padding:3px; margin:0px 0px 0px 0px; width:200px; height:200px; background- border:2px solid #FF0000;">

LETAKKAN TULISAN,KODE ATO GAMBAR DISINI

</div>

Kegunaan :

• Bisa diberi gambar kaya ntu/tulisan

3. Membuat Menu Scrolling

<style>
.list {
background: url("http://lh5.ggpht.com/_ILzML2joCeU/TMkYJpr1gUI/AAAAAAAAAIs/00I2Ll7bdI4/1008954qqr71dvokd.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:270px; height:130px; background- border:2px solid #FF0000;">

<div class="list">
<a href=" #"> 1. Coming Soon </a></div>
<div class="list">
<a href=" #"> 2. Coming Soon </a></div>
<div class="list">
<a href=" #"> 3. Coming Soon </a></div>
<div class="list">
<a href=" #"> 4. Coming Soon </a></div>
<div class="list">
<a href=" #"> 5. Coming Soon </a></div>
<div class="list">
<a href=" #"> 6. Coming Soon </a></div>
<div class="list">
<a href=" #"> 7. Coming Soon </a></div>
<div class="list">
<a href=" #"> 8. Coming Soon </a></div>
<div class="list">
<a href=" #"> 9. Coming Soon </a></div>
<div class="list">
<a href=" #"> 10. Coming Soon </a></div>

</div>

http://kangtiar.blogspot.com/