Assalamu'alaikum?.. selamat malam semua, apa kabar hari ini?..semoga semuanya baik-baik, dan semoga hari ini menyenangkan. baiklah pada kesempatan ini saya akan berbagi tentang bagaimana caranya membuat galeri dalam blog, supaya tampilan blog lebih tersusun dan pastinya akan terlihat lebih menarik. baiklah kita lansung saja ke pokok permasalahan, mmmm tentu untuk masalah login dst, sahabat semau sudah pada hafal. berikut ini scriptnya :<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 :
