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??

Kategori Posting Terkait



Comments :

11 komentar to “Cara Membuat Tampilan Gallery Foto Unik di Blogspot”

Anonymous mengatakan... on 

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

lepas copy, paste nya d mana ya?

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

Alhamdulillah nemu ini, makasih sob :)

Andi Sakab mengatakan... on 

wah terima kasih, pak. atas tutorialnya :)

Jual Gula Merah mengatakan... on 

wah mantap nih mas. bisa dicoba :)

efriey mengatakan... on 

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

Jepara Indah Collection mengatakan... on 

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

sudirman g pakek jendral mengatakan... on 

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

suri Xpl mengatakan... on 

WAH AKU MSH BLUM NGERTI

design home mengatakan... on 

gan numpang tanya, lo mo nambah galeri di bawah attacment di wordpress gimana ya?? agar ada galerynya g cuma 1 foto aja
ini web saya makasih...

weinteriordesign.com

  • Update Terbaru
  • Info Menarik
  • Networking



Poskan Komentar

 

IP Technorati => RNUGGKZFF7CR

About Me - Administrator

Admin Netpreneur Blog Indonesia - Ukafahrurosid.com
UKA FAHRUROSID
a 25 years old. I've completed college degree from Education University of Indonesia (UPI)-Bandung, West java, Indonesia in 2011.
Learn on this blog since 10th of November 2008. Now, just to innovate to make Netpreneur Blog Indonesia has many visitors, so my main goal in blogging can be achieved is to optimize blogs as a means of promotion, income and relationships. [ Read More ]

PageRank
SEO Stats powered by 

MyPagerank.Net
Google PageRank Checker Powered by  

MyPagerank.Net
free search engine submission
W3 Directory - the World 

Wide Web Directory
Online Marketing Blogarama - The Blog 

Directory
Site Meter
Top Marketing Sites
Uka Fahrurosid - Find me on Bloggers.com PlanetBlog - Komunitas Blog Indonesia
Fav This With Technorati Business Blogs - Blog Rankings
Blog Directory for the Philippines Business blogs
Real Time Web Analytics Clicky Blog Directory & 

Search engine
Globe of 

Blog
Kostenlose Backlinks bei http://www.backlink-clever.de Active 

Search Results
blog-

indonesia.com
what is my ip address?
Business
Business & Finance - Top Blogs Philippines

Free Directory List



Powered by 

Mysiterank






Ping your blog, website, or RSS 

feed for Free
Text Back Link Exchange.com
free search engine submission
RNUGGKZFF7CR