Senin, 11 Juli 2011

Cara Membuat Tampilan Gallery Foto Unik di Blog

Berikut instruksi dalam pembuatannya (copy paste kode berikut dibawah ini): 

<div class='snap_preview'><div><center><font color="#0066FF" size="4">Cara Membuat Tampilan Gallery Foto Unik di Blogspot</font></center></div>
<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://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0630.jpg" width="128" height="96" class="attachment-thumbnail" >
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0631.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0642.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://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0672.jpg" width="127" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0673.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0674.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" />
<br style='clear: both'/>
</div>
</div>

(stop!! copy paste sampai disini)

Tugas Anda berikutnya,
Bila hanya ingin mengganti tampilan foto saja, Anda bisa rubah alamat gambar yang berwarna merah dengan alamat gambar yang Anda inginkan.

Namun Anda juga dapat mengotak-atiknya, bila sudah mengetahui/mempelajari bahasa HTML.

0 komentar:

Posting Komentar