Judul : Cara Membuat Tampilan Galerry Poto Diblog
link : Cara Membuat Tampilan Galerry Poto Diblog
Cara Membuat Tampilan Galerry Poto Diblog
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
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
Demikianlah Artikel Cara Membuat Tampilan Galerry Poto Diblog
Sekianlah artikel Cara Membuat Tampilan Galerry Poto Diblog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat Tampilan Galerry Poto Diblog dengan alamat link https://ontechnonews.blogspot.com/2013/10/cara-membuat-tampilan-galerry-poto.html