Membuat Galeri Foto pada Postingan Blog

  

pengen bikin galeri gambar kayak gini? caranya gampang kok.

pertama-tama pilih html yang ada di sebelah kiri atas, setelah itu copy dan paste kode :

<div class="snap_preview">

<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>

<br />

<div class="gallery snap_nopreview">

<dl class="gallery-item">

<dt class="gallery-icon">

<a href="IMAGE URL 1" target="_blank"><img alt="alt anda" class="attachment-thumbnail" height="96" src="IMAGE URL 1.jpg" title=" title anda" width="128" /></a>

</dt>

</dl>

<dl class="gallery-item">

<dt class="gallery-icon">

<a href="IMAGE URL 2" target="_blank"><img class="attachment-thumbnail" height="96" src="IMAGE URL 2" title="TITLE ANDA" width="128" /></a>

</dt>

</dl>

<dl class="gallery-item">

<dt class="gallery-icon">

<a href="IMAGE URL 3" target="_blank"><img class="attachment-thumbnail" height="96" src="IMAGE URL 3" title="TITLE ANDA" width="127" /></a>

</dt>

</dl>

<br />

<dl class="gallery-item">

<dt class="gallery-icon">

<a href="IMAGE URL 4" target="_blank"><img alt="Fs-Calm" class="attachment-thumbnail" height="96" src="IMAGE URL 4" title="Vanila Ice cream" width="127" /></a>

</dt>

</dl>

<dl class="gallery-item">

<dt class="gallery-icon">

<a href="IMAGE URL 5" target="_blank"><img alt="Vanila Ice Cream" class="attachment-thumbnail" height="96" src="IMAGE URL 5" title="Fs-Calm" width="128" />

</dt>

</dl>

<dl class="gallery-item">

<dt class="gallery-icon">

<a href="IMAGE URL 6" target="_blank"><img alt="Vanila Ice Cream" class="attachment-thumbnail" height="96" src="IMAGE URL 6" title="Book" width="128" /></a>

</dt>

</dl>

<br />

<br style="clear: both;" /></div>

</div>

ganti tulisan image url dengan url foto yang sudah di upload. selesai

selamat mencoba :)

sebenernya itu tadi adalah cara ribetnya, ada cara lain yang lebih gampang dan simpel. tinggal aktifkan aja lightbox yang sudah ada di settingan blog. 
caranya : login blogger - dasboard - setelan (setting) - format (formating) - pilih yes pada tampilkan gambar dengan lightbox (showcase image with lightbox) - save