Cara Membuat Gallery Photo Di Blog

Contoh Diatas adalah Galleri My Design Project.
Jika anda tertarik untuk menerapkannya, silahkan ikuti tutorial Cara Membuat Gallery Photo Di Blog Berikut ini :

• Tahap Pertama yang Harus Dilakukan adalah Mengupload terlebih dahulu Foto yang ingin anda tampilkan didalam Gallery tersebut, Foto ini bisa di Upload ke Image Hosting atau juga di Upload di Akun Blogger anda.
• Buat Sebuah Postingan, Beri Judul misal Cara Membuat Gallery Photo Di Blog .Kemudian Pada Halaman Postingan tersebut Pilih Metode HTML bukan COMPOSE
• Copy Kode Berikut ini :

<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="Ratusan Cara" class="attachment-thumbnail" height="96" src="IMAGE URL 4" title="Ratusan Cara" width="127" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 5" target="_blank"><img alt="Ratusan Cara" class="attachment-thumbnail" height="96" src="IMAGE URL 5" title="Ratusan Cara" width="128" />
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 6" target="_blank"><img alt="Ratusan Cara" class="attachment-thumbnail" height="96" src="IMAGE URL 6" title="Ratusan Cara" width="128" /></a>
</dt>
</dl>
<br />
<br style="clear: both;" /></div>
</div>

• Kemudian pastekan pada Postingan anda, INGAT dalam bentuk HTML
• Silahkan Ganti Tulisan URL IMAGE ANDA dengan Url Foto yang telah anda Upload
• Terbitkan
• Selesai