Cara Membuat Galery Foto di Blogspot

Tips Kali ini adalah Cara Membuat Galeri Foto di Blogspot.
setelah sebelumya saya sudah membagikan tips Cara Membuat Post Banyak Gambar Tersusun Rapi , Cara Membuat Gambar Membesar sa'at di sentuh Cursor,dan Cara Agar Gambar Tidak Melebihi Halaman Posting Blog.Cara ini Banyak di Gunakan Pada Blog'' yang Menawarkan Jasa Disain, atau Post  DP BBm dll.

Baiklah Langsung saja kita mulai caranya.

1. Buka Blogspot Sobat.
2. Buka New Entri.
3. Klik HTML ( Bukan Compose ).
4. Copy dan Paste Kode di Bawah Ini, di Halaman Post HTML.

<div class="snap_preview">
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Link" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Link" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Link" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Link" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Link" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Link" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Link" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Link" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
</div>
</div>
5. Ganti Tulisan Berwarna Merah dengan Link Target & Url Image Anda.
6. Pratinjau.
7. Publikasikan.

''Slesai ''

Nah Kira-kira  Hasilnya akan seperti Ini.



Sampai disini Tips Tentang Cara Membuat Galery Foto di Blogspot.
Mudah mudahan Artikel ini Bermanfa'at Untuk Anda Semua,
Bila ada Pertanya'an, silahkan Berkomentar.

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://irinmedia.blogspot.com/. Terima kasih.