Cara membuat Galeri Foto di Blogspot

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.

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

• Cara Membuat Galeri Foto di Blogspot
• Cara Memasang Kolom Komentar Komentar di Situs Web Blogger
• Cara Memasang Kode Verifikasi Yandex di Situs Web

</ 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.