Cara Membuat Halaman Galeri Foto pada Blog

Galeri atau gallery merupakan sebuah bagian yang menampilkan koleksi bisa itu produk maupun gambar, tapi pada postingan kali ini saya akan membahas cara membuat halaman galeri foto diblogger dengan mudah.

Pemasangan halaman gallery foto pada blog merupakan cara yang bagus untuk anda yang memiliki sebuah blog untuk keperluan menjual sebuah produk, karena dengan trik ini gambar yang kita upload atau tampilkan akan lebih rapih dibanding kita mengatur manual (menggeser) pada editor blogger. Meski sudah diatur pada editor blogger terkadang setelah diposting gambar tetap tidak sejajar.

Tidak hanya blog untuk keperluan menampilakan produk yang bisa memasang ini, blog pribadi contohnya seperti saya juga bisa. Mungkin untuk keperluan menampilkan gambar-gambar pilihan yang kita sukai atau mengupload gambar dipostingan sejajar yang lebih rapih bisa menggunakan trik memasang galeri foto pada blog seperti ini.

Jika dilihat pada gambar diatas sudah sangat jelas ini lebih rapih dan sejajar, gambar tersebut bisa kita ubah sesuai keinginan dan juga link tujuan gambar jika seseorang mengklik gambar tersebut, dibawahnya juga terdapat judul yang bisa anda ubah sesuai dengan gambar yang ditampilkan.

Halaman Galeri Foto ini menggunakan kode tabel pada blog yang sedikit disetting lagi untuk mendukung gambar dan kita cukup terima bersih dengan mengganti atau memasang url dan nama pada kode yang sudah diubah ini. Demo dan sumber kode ini bisa anda lihat pada https://www.laurascraftylife.com/blogger-image-gallery-tutorial

Cara pemasangan halaman galeri foto (image/gambar) di blogger cukup mudah, anda bisa langsung mengikuti langkah-langkahnya dibawah ini.

Cara Membuat Halaman Galeri Foto di Blogger

Langkah 1: Buka Dashboard Blogger pada alamat www.blogger.com, Pilih Halaman kemudian buat Halaman Baru.

 

Langkah 2: Pada Halaman Baru pilih mode HTML dan tambahkan kode berikut. Ganti tulisan berwarna merah dengan LINK TUJUAN, URL GAMBAR dan JUDUL GAMBAR yang anda inginkan.

<table cellpadding="3">
<tbody>
<tr>
<td align="center" width="25%"><a href="LINK TUJUAN" target="_blank">
<img src="URL GAMBAR" /><br>JUDUL GAMBAR</a></td>
<td align="center" width="25%"><a href="LINK TUJUAN" target="_blank">
<img src="URL GAMBAR" /><br>JUDUL GAMBAR</a></td>
<td align="center" width="25%"><a href="LINK TUJUAN" target="_blank">
<img src="URL GAMBAR" /><br>JUDUL GAMBAR</a></td>
</tr>
</table>

Kode diatas hanya menampilkan 3 Gambar Sejajar, jika ingin menambahkannya (lebih dari 3) cukup ulangi kode diatas dengan menambahkan kode yang sama dibawah </table>. Jangan lupa untuk diberi jarak <br/>.

Langkah 3: Jika sudah selesai Publikasikan.

Bagaimana mudah sekali bukan? Tentu saja mudah karena kita hanya perlu mengedit dan menyalin kode-kode tersebut. 

 

Tampilan widget ini hampir mirip dengan postingan sebelumnya Cara Buat Widget Recent Post Dengan Gambar, hanya saja dipostingan sebelumnya itu memang ditujukan untuk recent post bukan halaman galeri foto yang bisa kita atur sesuai dengan keinginan.

Baiklah sampai disini saja pembahasan saya tentang Cara Membuat Halaman Galeri Foto pada Blog. Semoga semuanya sudah paham dan bila ada yang belum paham coba tinggalkan saja pertanyaan dikolom komentar blog ini. Terimakasih.

Berbagi :