24 C
id

Cara Membuat Galeri Gambar di Postingan Blogger


Cara Membuat Galery Gambar Di Postingan Blogger - Memasukan banyak gambar/foto sekaligus didalam sebuah postingan memerlukan sebuah cara tertentu dengan tujuan menampilkan gambar-gambar tersebut menjadi menarik untuk dilihat dan memudahkan navigasi pengunjung blog yang kamu kelola. 

Contohnya kamu ingin membuat sebuah artikel khusus yang berisi kumpulan gambar dokumentasi perjalanan wisata atau program seremonial, kalau tidak menggunakan pengaturan secara khusus maka gambar-gambar post itu akan berderet panjang kebawah sehingga tampilan postinganmu menjadi tidak menarik dan tentunya akan membuat pengunjung blog tidak nyaman.

Untuk menciptakan tampilan banyak gambar didalam postingan blog menjadi lebih menarik, maka kamu harus menampilkannya kedalam bentuk galeri. Berikut ini cara membuat galeri gambar didalam postingan blog yang bisa kamu gunakan.


Langkah-Langkah Membuat Galeri Gambar di Postingan Blogger:

1. Login ke blogmu.

2. Buat artikel, Postingan > Entri baru.

3. Alihkan mode "Compose" menjadi "HTML".

4. Silahkan copy isyarat dibawah ini, lalu paste di area entry 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="gallery-item">
<dt class="gallery-icon">
<a href="Url Gambar" target="_blank">
<img border="0" height="150" src="Url Gambar"" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Gambar"" target="_blank">
<img border="0" height="150" src="Url Gambar"" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Gambar"" target="_blank">
<img border="0" height="150" src="Url Gambar"" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Gambar"" target="_blank">
<img border="0" height="150" src="Url Gambar"" width="200" /></a>
</dt>
</dl>
</div>
</div>


Perhatikan dengan baik goresan pena yang berwarna merah !

  • width:33% : tampilan foto barjajar sebanyak 3 (100/3), kalau ingin berjajar 4 maka 33% diubah menjadi 25% (100/4), kalau ingin berjajar 2 diubah menjadi 50%.
  • 150 & 200 : tinggi dan lebar foto, silahkan diubah sesuai keinginanmu
  • URL Gambar : masukan URL foto kamu, misalnya sebagai berikut :

<dt class="gallery-icon"><a href="https://1.bp.blogspot.com/-UkXIBLVzzYw/WqnvNZtw8xI/AAAAAAAAISA/hVHGXnQhQMo5Pa8KGJgw143zUQd1TLqAwCLcBGAs/s1600/office-625892_640.jpg" target="_blank">
<img border="0" height="150" src="https://1.bp.blogspot.com/-UkXIBLVzzYw/WqnvNZtw8xI/AAAAAAAAISA/hVHGXnQhQMo5Pa8KGJgw143zUQd1TLqAwCLcBGAs/s320/office-625892_640.jpg" width="200" /></a>


5. Selanjutnya silahkan publikasikan postingan kamu dan lihat hasilnya.

Jika ingin menambah jumlah foto, copy isyarat berikut ini dan pastekan dibawah isyarat </dl>.


<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Gambar"" target="_blank">
<img border="0" height="150" src="Url Gambar"" width="200" /></a>
</dt>
</dl>


Demikian Cara Membuat Galeri Gambar Di Postingan Blogger yang bisa saya sampaikan. Dengan cara ini maka gambar atau foto dipostingan blog kamu akan tersusun rapih. Semoga bermanfaat dan menambah wawasan kita semua, Salam Blogger Indonesia.

Postingan Lama
Postingan Lebih Baru

Posting Komentar

Ads Single Post 4