BBM : D55 CB 98A
WA : 0853 2023 77xx
info@frosid.com

Cara Membuat Tampilan Gallery Foto Unik di Blogspot



Bingung ingin membuat tampilan gallery foto unik di blogspot 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 Blogspot</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="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0630.jpg" width="128" height="96" class="attachment-thumbnail" >
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0631.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0642.jpg" width="127" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0672.jpg" width="127" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0673.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://i109.photobucket.com/albums/n54/blue_generation04/Beamahakarya/IMG_0674.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" />
<br style='clear: both'/>
</div>
</div>

(stop!! copy paste sampai disini)

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,
Bagaimana menurut Anda??

Baca Juga Artikel Terkait







Tinggalkan Komentar



20 Respones to "Cara Membuat Tampilan Gallery Foto Unik di Blogspot"

Anonymous said...

udah sy baca ka..
makasih ya..
maaf jg nagih2 trus.. hehehe...


6:19 AM
Program Sukarelawan Teknologi (PROSTEC) said...

lepas copy, paste nya d mana ya?


9:47 PM
Program Sukarelawan Teknologi (PROSTEC) said...

berjaya!!
Trimas ya..
have a nice day!


12:29 AM
Kang Epot-Ingin Bayi laki-laki atau perempuan said...

Alhamdulillah nemu ini, makasih sob :)


6:31 PM
Deevro said...

Thnkz Gan ,,,
Visit back please ,,
www.deevro.co.cc ,,
thnkZ ,,


7:49 PM
Andi Sakab said...

wah terima kasih, pak. atas tutorialnya :)


4:44 AM
efriey said...

wah ini dia gan yang aku cari...tapi gmana buat zoom nya...?


8:33 PM
Jepara Indah Collection said...

punya saya kox gax rapi ya...apa ada ksalahan di kodenya...?


9:24 PM
sudirman g pakek jendral said...

makasih pak de, walaupun awalnya susah tuk menyesuaikan ukuran gambar tapi sekarang udah bisa. trus saya + title ma gambar aku jadikan link.


6:29 AM
suri Xpl said...

WAH AKU MSH BLUM NGERTI


4:13 PM
alandiny said...

Muanteeeeeeeeeeptepteptep..Mas Uka!!
http://www.alandiny.tk/2011/10/gallery-album-foto-alandiny.html


5:49 AM
dawa said...

dicoba,tanks gan


4:52 AM
Jazh said...

siip, pateen.......


3:48 PM
Unknown said...

nitip tukar link http://www.jubersradio.com/


11:47 PM
Unknown said...

KEREN
NGE BANTU BANGET
THANKS YA
SEKALIAN KUNJUNGI BLOG SAYA
http://fashiondar.blogspot.com/


6:34 PM
Unknown said...

simple sob, ane coba dulu deh.. ntar kalo makin belepotan ngadu dimari lagi.. hehehe.. salam kenal..


10:55 AM
Anonymous said...

makasi mas informasinya, saya lihat demo nya kok ga bisa di klik ya?
gimana cara agar photo kalau di klik jadi pop up windows?
Thanks


12:49 PM
download games gratis said...

thx mas
http://duniagame7.blogspot.com/


3:37 PM
Anonymous said...

kalo judul nya membuat gallery foto simpel di blogspot lebih tepat mas daripada unik, tapi sekedar saran aja kok mas


9:45 PM
Fahro said...

Trima kasih atas sarannya..

Post a Comment

Previous Article Next Article
Home