CARA BUAT GALERI FOTO DI BLOGSPOT

assalamualaikum sekarang ilmucomputer97 akan memberikan sebuah trik cara buat galeri foto di blogspot cara yg satu ini hanya untuk sedikit memper bagus tampilan blogspot saja bagi yg ingin membuat album foto di blogspot nya bisa mengikuti cara yg satu ini :








1. langkah pertama masuk kehalaman dasbor blogspot terlebih dahulu dan pilih entri baru
2. kemudian pilih edit hmtl
3. dan masukan kode dibawah ini :

<div class="snap_preview">
<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>
<br />
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="URL GAMBAR/FOTO 1" target="_blank"><img alt="NAMA FOTO 1" class="attachment-thumbnail" height="96" src="URL GAMBAR/FOTO 1" title=" NAMA FOTO 1" width="128" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="URL GAMBAR/FOTO 2" target="_blank"><img class="attachment-thumbnail" height="96" src="URL GAMBAR/FOTO 2" title="NAMA FOTO 2" width="128" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="URL GAMBAR/FOTO 3" target="_blank"><img class="attachment-thumbnail" height="96" src="URL GAMBAR/FOTO 3" title="NAMA FOTO 3" width="127" /></a>
</dt>
</dl>
<br />
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="URL GAMBAR/FOTO 4" target="_blank"><img alt="NAMA FOTO 4" class="attachment-thumbnail" height="96" src="URL GAMBAR/FOTO 4" title="NAMA FOTO 4" width="127" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="URL GAMBAR/FOTO 5" target="_blank"><img alt="NAMA FOTO 5" class="attachment-thumbnail" height="96" src="URL GAMBAR/FOTO 5" title="NAMA FOTO 5" width="128" />
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="URL GAMBAR/FOTO 6" target="_blank"><img alt="NAMA FOTO 6" class="attachment-thumbnail" height="96" src="URL GAMBAR/FOTO 6" title="NAMA FOTO 6" width="128" /></a>
</dt>
</dl>
<br />
<br style="clear: both;" /></div>
</div>

4. kalau sudah memasukan kode yg di atas lalu ganti tulisan yg berwarna BIRU dengan URL foto anda 
5. dan ganti tulisan yg berwarna merah dengan nama2 foto anda 


Untuk Menambahkan Lagi Fotonya tinggal ditambahin saja Code yang Seperti ini :

<dl class="gallery-item">
<dt class="gallery-icon">
<a href="URL GAMBAR/FOTO 5" target="_blank"><img alt="NAMA FOTO 5" class="attachment-thumbnail" height="96" src="URL GAMBAR/FOTO 5" title="NAMA FOTO 5" width="128" />
</dt>
</dl>

jika masih bingug untuk mengambil URL fotonya bisa mengikuti langkah2 di bawah ini :

FOTO Bisa Dari Facebook, Google, atau Photobucket (Ingat : Ambil URL nya)

Belum tahu apa itu Url? Url contoh url nya seperti ini 

Contoh Url Gambar : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbkofmYWANEMDcO3s3bC6KzIMg5CeKhHpa1UkIGRszaoouw365E8JzICjYaesSRyROAyMlHBuHL8WW5dQ8IjVkcRxASNvx2bECGs9wvuzpWgQuWMfiOPG_DQoAJawlb47Lo_gHSvhEajk/s1600/untitled.bmp

Cara Dapetnya kaya gimana?

Contoh nih, kalian punya foto di Facebook, kemudian Klik kanan Foto itu dan Pilih : View Image

"SELAMAT MENCOBA"