<div class="snap_preview">
<div>
<span style="color: #0066ff;font-size: medium;">JUDUL GALERI ANDA</span></div>
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:25%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="#" target="_blank">
<img border="0" height="150" src="#" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="#" target="_blank">
<img border="0" height="150" src="#" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="# " target="_blank">
<img border="0" height="150" src="#" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="# " target="_blank">
<img border="0" height="150" src="#" width="200" /></a>
</dt>
</dl>
</div>
</div>
Penjelasan :
Silahkan di copy scriptnya. gratis kok. hehe
Ubah Judul Galeri sesuai Keinginan Anda.
Untuk kode 25% menunjukan jumlah gambar dalam satu baris, jadi ketika 25% berarti 4 gambar dalam satu baris.
Untuk Kode # isi dengan link gambar anda, yang sebelumnya telah diUpload, anda Bisa Meng-Uploadnya di silahkan daftar terlebih dahulu, untuk penggunaanya mudah.
Untuk kode height="150" dan width="200" untuk ukuran gambar yang akan ditampilkan Anda Bisa Merubahnya dengna menyesuaikan template blog anda
Untuk kode height="150" dan width="200" untuk ukuran gambar yang akan ditampilkan Anda Bisa Merubahnya dengna menyesuaikan template blog anda
jika anda mengingikan tampilan gambar lebih dari 4, anda bisa memperbanyak kode berikut :
<dl class="gallery-item">
<dt class="gallery-icon"><a href="#" target="_blank">
<img border="0" height="150" src="#" width="200" /></a>
</dt>
</dl>
Demikian lah penjelasan dari saya, semoga bisa dipahami, selamat mencoba.
Berikut contoh tampilan :
Seribu Wajah Gayus
Sudah dulu ya, Semoga bermanfaat . amien..
Wassalam .
Sumber Referensi :