Membuat Galeri Foto

<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="http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash4/419084_304575459650322_70918912_n.jpg" target="_blank">
<img border="0" height="150" src="http://sphotos-h.ak.fbcdn.net/hphotos-ak-ash3/47242_304575189650349_139361499_n.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash4/307947_304575356316999_2050934463_n.jpg" target="_blank">
<img border="0" height="150" src="http://sphotos-e.ak.fbcdn.net/hphotos-ak-prn1/75189_304575549650313_1778427959_n.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash3/557631_296270457149513_1512560663_n.jpg" target="_blank">
<img border="0" height="150" src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-prn1/560954_277783805664845_798666250_n.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/564626_277783705664855_499040424_n.jpg" target="_blank">
<img border="0" height="150" src="http://sphotos-g.ak.fbcdn.net/hphotos-ak-prn1/556657_277783635664862_1155832461_n.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://sphotos-g.ak.fbcdn.net/hphotos-ak-snc6/247366_379082985500698_877720756_n.jpg" target="_blank">
<img border="0" height="150" src="http://photos-c.ak.fbcdn.net/hphotos-ak-snc7/421667_194781777298382_1054434501_a.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://sphotos-e.ak.fbcdn.net/hphotos-ak-prn1/557255_483783108320349_2135755878_n.jpg" target="_blank">
<img border="0" height="150" src="http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash4/487455_483793791652614_2096675471_n.jpg" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://sphotos-a.ak.fbcdn.net/hphotos-ak-snc7/581483_483782844987042_1128828751_n.jpg" target="_blank">
<img border="0" height="150" src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-ash4/384995_483787068319953_2133307613_n.jpg" width="200" /></a>
</dt>
</dl>
</div>
</div>


1. buka di blog anda. -> Dasbor->post
2. Pada saat mau memposting ubah Compose Menjadi HTML
3. copy kode di atas
4. yang berwarna merah bisa di ganti dengan alamat foto yang anda inginkan
5. dan simpan

GooD Luck

Posted in: Trik/Tips Blog