Cara membuat Galeri Foto di Blogspot - Anda sering ingin mengunggah foto atau gambar berdampingan dalam sebuah artikel posting atau dalam bentuk menyerupai galeri foto secara umum tetapi tidak dapat karena mengunggah foto secara langsung melalui plat bentuk blogger hanya akan memasukkan satu foto per paragraf dengan tata letak kanan, kiri dan tengah saja.

cara membuat galeri foto di situs web atau blogspot Anda
Ilustrasi tampilan galeri foto di blog

Membuat galeri foto di situs web atau blog juga banyak digunakan oleh blog pribadi atau penjualan produk online terutama pakaian.

Berikut cara membuat galeri foto di posting blog atau blog Anda :

1. Masuk ke blog dan pilih entri baru dalam posting
2. Beri judul terlebih dahulu
3. Salin dan tempel kode berikut dalam mode HTML

<div class = "snap_preview"> 
<style type = "text / css">. gallery {margin: auto;}. gallery-item {float: left;width: 33%;} .gallery-caption {margin-left: 0; } </ style> 
<div class = "gallery snap_nopreview"> 
<dl class = "galeri-item"> 
<dt class = "gallery-icon"> <a href = " http: www.buginese.id/ " target = "_blank"> 
<img border = "0" height = "150" src = " https : // 2 . bp . blogspot.logoakbarnomba . png "width =" 200 "/> </a>
</ dt>
</ dl>
<dl class =" gallery-item ">
<dt class =" gallery-icon "> <a href ="http: www. buginese.id/"target =" _ blank ">
<img border =" 0 "height =" 150 "src =" https : // 2 . bp . blogspot . com / -has8Ir1YCKw / WW9wvRqXwkI / AAAAAAAAB6o / 0 _gkCezKAlADEtoFEMJ6FNZGPdEZSNOIQCK4BGAYYCw / s1600 /logoakbarnomba . png "width = "200" /> </a>

Baca Juga

</ dt> 
</ dl> 
<dl class = "gallery-item"> 
<dt class = "gallery-icon"> <a href=" http:www.buginese.id/ "target="_blank"> 
<img border = "0" height = "150" src = " https : // 2 . bp . blogspot . com / -has8Ir1YCKw / WW9wvRqXwkI / AAAAAAAAB6o / 0 _gkCezKAlADEtoFEMJ6FNZGPdEZSNOIQCK4BGAYYCw / S1600 /logoakbarnomba . png " width = "200" /> < / a>
</ dt> 
</ dl> <dl class = "gallery-item">
<dt class = "gallery-icon"> <a href=" http:www.buginese.id/ "target="_blank"> 
<img border =" 0 " height =" 150 " src =" https : // 2 . bp . blogspot . com / -has8Ir1YCKw / WW9wvRqXwkI / AAAAAAAAB6o / 0 _gkCezKAlADEtoFEMJ6FNZGPdEZSNOIQCK4BGAYYCw / S1600 /logoakbarnomba . png " width =" 200 " /> </a> 
</ dt> 
</ dl> <dl class =" gallery- item "><dt class = "gallery-icon"> <a href = " http:www.buginese.id/

"target =" _ blank "> 
<img border =" 0 " height =" 150 " src =" https : // 2 . bp . blogspot . com / -has8Ir1YCKw / WW9wvRqXwkI / AAAAAAAAB6o / 0 _gkCezKAlADEtoFEMJ6FNZGPdEZSNOIQCK4BGAYYCw / s1600 /logoakbarnomba . png " width =" 200 " /> </a> 
</ dt> 
</ dl> <dl class =" gallery-item "> <dt class =" gallery-icon "> <a href =" http: www. Bugis.


"src =" https : // 2 . bp . blogspot . com / - has8Ir1YCKw / WW9wvRqXwkI /AAAAAAAAB6o / 0 _ gkCezKAlADEtoFEMJ6FNZGPdEZSNOIQCK4BGAYYCw /s1600 / logoakbarnomba . png " width =" 200 " /> </a> 
</ dt> 
</ dl> <dl class =" gallery-item "> <dt class =" gallery-icon "> <a href =" http: www. buginese.id/ "target =" _ blank "> <img border =" 0 " height =" 150 "


bp . blogspot . com / - has8Ir1YCKw / WW9wvRqXwkI / AAAAAAAAB6o / 0 _gkCezKAlADEtoFEMJ6FNZGPdEZSNOIQCK4BGAYYCw / s1600 /logoakbarnomba . png "width =" 200 "/> </a>
</ dt>
</ dl>
</ div>
</ div> 

Keterangan script code:Warna Merah           : Ganti dengan link tujuan [jika tidak ada cukup masukkan url gambar]Warna Oranye         : Ganti dengan URL gambar yang akan diunggah di galeri



Skrip miring: Sesuaikan sendiri dengan lebar dan tinggi yang diinginkan 

4. Jika selesai, silakan terbitkan dan lihat hasilnya. Atau Anda dapat melihat di galeri blog saya di  http://muhammadakbarnomba.blogspot.com//p/my-galery.html


Ulasan artikel tentang cara membuat galeri foto di blogspot. Semoga bermanfaat.