Galery Image

Hmmm sudah lama banget nih gak update,,, okey hellow para sobat blogger bagaimana kabar kalian semua semoga selalu dalam keadaan sehat yeah,,,, saya akan mencoba share tentang bagaimana membuat sebuah halaman untuk menampilkan gambar sebagai web galeri, walaupun sudah banyak yang tahu pastinya,,, setidaknya pasti ada yang belum tahukan??? nah ini sedikit script tentang membuat tampilan galeri image kita,,,
 perhatikan script dibawah ini: <style> div.img{ margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img{ display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img { border: 1px solid #0000ff; } div.desc{ text-align: center; font-weight: normal; width: 120px; margin: 2px; } </style> Nah untuk menerapkan pada tampilannya : <div class="img"> <a href="alamat yang akan dituju saat gambar di klick"> <img src="alamat gambar yang di tampilkan" alt="jika gambar gagal di load" width="110" height="90"></a> <div class="desc"> Add a description of the image here</div> </div>

LIHAT HASILNYA

Add a description of the image here Add a description of the image here Add a description of the image here

Cukup disini kalian bisa membuat sebuah galery image jike di perlukan kalian bisa edit pada secipt stylenya,, semoga membantu
TERIMAKASIH
salam blogger