Cara Membuat Tampilan Galerry Poto Di blog

HAi Sobat,Bertamu LAgi Dengan Saya
Kali ini Saya Akan membuat postingan

Cara Membuat Tampilan Galerry Poto Diblog

Anda Bingung ingin membuat tampilan gallery foto unik di blog dengan ukuran kecil yang ditata rapi seperti dibawah ini???

      

    

Mau tau cara membuatnya?
Berikut instruksi dalam pembuatannya (copy paste kode berikut dibawah ini):

<div class='snap_preview'><div><center><font color="#0066FF" size="4">Cara Membuat Tampilan Gallery Foto Unik di Blog</font></center></div>
<style type='text/css'>
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<div class='gallery snap_nopreview'><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo__cElTs9n9FLqmDNZeGLWM5NeK_byEU5NMV7dlLS2FObE7DIJ2dPYopr" width="128" height="96" class="attachment-thumbnail" >
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRAOpzInfcG5__S5jmOaT110rI28thPVI5EOeTaOEbcenviXxiIrvmNsuht" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS2fuvHDoYfdbDjhYOJWclwC_ggNlbnsXGnpuxKboJInVGCOorVxF3qqyU" width="127" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT4zrlrTF96pHAjA4h0offnS_cDQSOLgtodFhdcVZGW97ThJaXVzykbA1cc" width="127" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRlGlDJwGSU8fRO5VWsX-FuoQC6tI8AK-DqmT9ijhWR8TzOCgg7V4WSdUI" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQEatnu9jfoxYjcv2KfO3JDw6EeptQ5emU-30S9_Fij6QldqKvPe7vltpc" width="128" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" />
<br style='clear: both'/>
</div>
</div>

Tugas Anda berikutnya,
Bila hanya ingin mengganti tampilan foto saja, Anda bisa rubah alamat gambar yang berwarna merah dengan alamat gambar yang Anda inginkan.

Namun Anda juga dapat mengotak-atiknya, bila sudah mengetahui/mempelajari bahasa HTML.

Mudah-mudahan bermanfaat

SELAMAT MENCOBA

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Membuat Tampilan Galerry Poto Di blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://yuliabloggerindonesia.blogspot.com/2012/10/cara-membuat-tampilan-galerry-poto-di.html" target="_blank">Cara Membuat Tampilan Galerry Poto Di blog</a>