Menempel Koleksi Photo Pada Blog

Jika anda ingin menempel photo anda dengan design yang gagah dan elegan di sebuah blog, tentu tidak asal tempel, karena tata letaknya akan sangat sulit kita atur. Berikut ini akan coba saya tuliskan trik dan tips menyimpan photo-photo di halaman blog anda.
Perhatikan gambar-gambar di bawah ini :

Cara membuatnya sangat mudah. Silahkan copy kode berikut ini, lalu paste di html anda. Tulisan berwarna merah, adalah alamat photo yang ingin anda tempel. Sangat mudah bukan ? Selamat mencoba.
<style type='text/css'>
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<div class='gallery snap_nopreview'><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i1222.photobucket.com/albums/dd490/ekasmoyo75/46868_1381322898994_1409608217_30937417_5022706_n.jpg" width="128" height="96" class="attachment-thumbnail" >
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i1222.photobucket.com/albums/dd490/ekasmoyo75/46868_1381322818992_1409608217_30937415_3168833_n.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i1222.photobucket.com/albums/dd490/ekasmoyo75/46868_1381322778991_1409608217_30937414_7410672_n.jpg" width="127" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i1222.photobucket.com/albums/dd490/ekasmoyo75/18748_1212855687419_1409608217_30543618_2773117_n-1.jpg" width="127" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i1222.photobucket.com/albums/dd490/ekasmoyo75/13938_1150749414801_1409608217_30404481_6606345_n.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src=" http://i1222.photobucket.com/albums/dd490/ekasmoyo75/46868_1381322898994_1409608217_30937417_5022706_n.jpg " width="128" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" />
<br style='clear: both'/>
</div>