Tutorial Blogger : Cara Bikin Kotak

Hey sobat....kali ini saya akan memberitahukan cara membuat kotak, silahkan lihat langkah-langkah dibawah ini

Contoh 1 :

<div style="color:blue;background:#080C09;border:1px solid #080C09;">

masukan disini gambar kalian atau apa saja

</div>

contoh :

<div style="color:blue;background:#080C09;border:1px solid #080C09;">

<div style="text-align: left;">
<a href="http://s939.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i980.photobucket.com/albums/ad238/000/000.jpg" /></a></div>
<div style="text-align: left;">
<a href="http://s980.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i939.photobucket.com/albums/ad238/000/000.jpg" /></a></div>
<div style="text-align: left;">
<a href="http://s990.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i939.photobucket.com/albums/ad238/000/000.jpg" /></a></div>

</div>

sehingga menjadi :

Contoh 2 :

<div style="color:#76F419;background:#76F419;border:2px dashed #006600;padding:5px;margin:10px;">

masukan disini gambar kalian atau apa saja

</div>

contoh :

<div style="color:#76F419;background:#76F419;border:2px dashed #006600;padding:5px;margin:10px;">
<div style="text-align: left;">
<a href="http://s990.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i939.photobucket.com/albums/ad238/000/000.jpg" /></a></div>
<div style="text-align: left;">
<a href="http://s990.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i939.photobucket.com/albums/ad238/000/000.jpg" /></a></div>
<div style="text-align: left;">
<a href="http://s909.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i939.photobucket.com/albums/ad238/000/000.jpg" /></a></div>
</div>

sehingga menjadi seperti di bawah ini :

Contoh 3 :

<div style="color:#FFFFFF;background:#FFD4AA;border:2px dotted #FF2A00;padding:5px;margin:5px;width:300px;">

masukan disini gambar kalian atau apa saja

</div>

Contoh :

<div style="color:#FFFFFF;background:#FFD4AA;border:2px dotted #FF2A00;padding:5px;margin:5px;width:300px;">
<div style="text-align: left;">
<a href="http://s955.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i939.photobucket.com/albums/ad238/000/000.jpg" /></a></div>
<div style="text-align: left;">
<a href="http://s955.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i939.photobucket.com/albums/ad238/000/000.jpg" /></a></div>
<div style="text-align: left;">
<a href="http://s955.photobucket.com/albums/ad238/000/?action=view&amp;current=200.jpg" target="_blank"><img alt="200" border="0" src="http://i939.photobucket.com/albums/ad238/000/000.jpg" /></a></div>
</div>

sehingga menjadi seperti di bawah ini :

Oke....nah tinggal kalian modifikasi saja...see u...