Cara Membuat Halaman Galeri Foto (Gambar/Image) di Blogger

Halaman Galeri Foto
Cara Membuat Halaman Galeri Foto (Gambar/Image) di Blogger. 

HALAMAN khusus galeri foto, gambar, atau image diperlukan bagi blog toko online untuk menampilkan koleksi produk atau barang jualan.

Blog pribadi juga bisa membuat halaman statis berisi galeri atau koleksi gambar pilihan. Contoh atau demonya bisa dilihat di Galeri Template CB.

Cara membuatnya cukup mudah, meski butuh trik khusus. Soalnya, di halaman blogger, jika kita memasukkan gambar lebih dari satu, maka posisi gambar tidak akan sejajar horizontal, tapi akan berderet vertikal.

Untuk itu, perlu trik khusus dalam membuat galerti gambar di halaman statis ini. CB dapatkan kode ini di Blogger Image Gallery Tutorial. Anda juga bisa melihat demo dan kode aslinya di sana.

Cara Membuat Halaman Galeri Foto (Gambar/Image) di Static Page Blogger

1. Klik menu "Pages" (Halaman) > "New Page" (Halaman Baru)
2. Isi judul halaman dengan, misalnya, "My Gallery"
3. Klik mode "HTML"

mode HTML halaman


4. Copas kode berikut ini:

<table cellpadding="3">
<tbody>
<tr>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
<td align="center" width="25%"><a href="Link Gambar" target="_blank">
<img src="URL Gambar di Sini" /><br>Nama Gambar</a></td>
</tr>
</table>

Catatatan:
Kode di atas menampilkan tiga gambar sejajar horizontal. Jika akan menampilkan lebih dari 3 gambar, tinggal ulangi saja copas kode di atas dengan dikasi jarak dengan kode <br/> di bawah kode </table>

5. Hasilnya, setelah URL gambar diisi, akan seperti di ini (di Mode "Compose")

new johny wuss v2

Nama Gambar + Link
wonder blogger template

Nama Gambar + Link
seo blogger template

Nama Gambar + Link


6. Publish!

Kini Galeri Image di halaman statis sudah muncul di blog Anda. Jika kurang mengerti, silakan langsung ke link sumber yang ada di atas.

Kode galeri foto yang lebih simple dan mudah bisa dilihat di Membuat Gambar Berdampingan di Blog. Good Luck! (www.contohblog.com/).*

Thanks for reading Cara Membuat Halaman Galeri Foto (Gambar/Image) di Blogger | Labels: Desain Blog edit this post
Author Image

About CB Blogger
Contoh Blog --sebut saja CB -- Panduan Blogging untuk Pemula - Tips SEO, Desain, Template SEO Friendly, Cara Membuat Blogger Keren, Google Adsense, dll. Subscribe! to get update via email.

21 komentar on Cara Membuat Halaman Galeri Foto (Gambar/Image) di Blogger

  1. AnonymousJune 23, 2015

    Oh jadi kode yang ada diatas berfungsi untuk menyempurnakan tata letak gambar ya mas? Oke, dicoba dulu, mana tau dapet rendang krenyes.

    ReplyDelete
  2. mantap blognya gan
    saya belajar ngeblog di sini aja gan, bolehkan

    ReplyDelete
  3. ok mas thank for you info

    ReplyDelete
  4. Kalau mau menambah gambar di bawahnya bagaimana ya?

    ReplyDelete
  5. bang klo mau ngubah ukuran nya gimna yah

    ReplyDelete
  6. Makasih banyak gan infonya

    ReplyDelete
  7. kok yang di buat sama yang hasil nya beda yah ?

    ReplyDelete
  8. hmmm bingung gan, jadi ini buat galery tapi tidak pake widget??? thanks

    ReplyDelete
  9. Bisa digunain di artikel ngga gan

    ReplyDelete
  10. gima carany a supaya tulisannya/judul gbrnya diatas ya? ini bisa buat postingan gak? thanks...

    ReplyDelete
  11. to CB Blogger, terima kasih, izin menerapkan, it work!

    ReplyDelete
  12. Keren galerinya tapi saya mau yang bergerak otomatis slide CB gman caranya?

    ReplyDelete
  13. Terima kasih..
    Sangat bermanfaat...

    ReplyDelete
  14. membantu banget hu.. terimkasih...

    ReplyDelete
  15. Punya yang untukbuat galeri video ga gan

    ReplyDelete

Contact Form

Name

Email *

Message *

Back To Top