Inilah Keren, Cara Mudah Buat Galeri Foto Di Blog

Image, gambar atau foto dan semakna denganniiya akan menambah tampilan lebih menarik kalau diletakkan di dalam blog. Foto disusun sedemikian rupa sehingga lebih informatif meski bukan blog wallpaper.

Penempatan image versi default blogger tampak masih sederhana dengan tampilan satu per satu tiap bidangniiya. Lalu perataan paragraf baik kiri, tengah maupun kanan. Penempatan ibarat terkadang menciptakan area postingan jadi baniiyak terbuang. Terdapat ruang-ruang kosong iiyang bergotong-royong sanggup dimaksimalkan untuk informasi lain.

Artikel rekomendasi 7 Cara Optimalisasi Image semoga Lebih SEO Friendly.

Maka dari hal itu, tutorial kali ini akan menjawabniiya dengan Cara Cepat memasang image iiyang sanggup berderet seCara Cepat sejajar, sehingga tidak memerlukan baniiyak ruang dalam postingan. Selengkapniiya berikut tahap pembuatanniiya.

Cara menciptakan galeri foto dalam postingan blog

1. Masuk ke dasboard blogger.

2. Buat postingan baru.

3. Arahkan ke mode HTML. Lalu paste aba-aba berikut.

<div class="snap_preview">

<div>

<span style="color: #0066ff;font-size: medium;">Memasang Galeri Image di Postingan</span></div>

<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:25%;} .gallery-caption { margin-left: 0; }</style>

<div class="gallery snap_nopreview">

<dl class="gallery-item">

<dt class="gallery-icon"><a href="URL TARGET LINK" target="_blank">

<img border="0" height="150" src="URL IMAGE" width="200" /></a>

</dt>

</dl>

</div>

</div>

Keterangan :

Kalimat Memasang Galeri Image di Postingan silakan dirubah dengan kata-kata sendiri.

Kode width:25% menunjukkan bahwa penempatan gambar berjajar sebaniiyak 4 gambar. Rumusniiya 100%/4=25%.

Ganti URL TARGET LINK dengan URL sasaran link gambar.

Ganti URL IMAGE dengan URL image hasil upload. Saiiya memakai Picasa web album untuk mengupload image. Silakan simak Cara Cepat Upload Gambar Blog Makin Praktis Melalui Picasa Web.

Kemudian untuk mengetahui URL image, silakan klik kanan gambar iiyang telah diupload, kemudian Copy image address. Atau sanggup pula melalui Cara Cepat Cara Mengetahui dan Membuat URL Gambar.

Lalu ganti aba-aba 150 untuk ketinggian gambar dan 200 untuk lebar gambar. Sesuaikan dengan luasan template blog.

Selesai, kemudian akhiri dengan Publish.

Apakah hal itu haniiya dipakai untuk memasang 4 gambar saja? Lalu bagaimana kalau ingin meletakkan gambar lebih dari 4?

Caraniiya ialah menambah aba-aba ini di bawah kode </dl>.

<dl class="gallery-item">

<dt class="gallery-icon"><a href="URL TARGET LINK" target="_blank">

<img border="0" height="150" src="URL IMAGE" width="200" /></a>

</dt>

</dl>

Lsaiyakan sesuai dengan jumlah gambar iiyang diinginkan. Untuk sampel di atas memakai 4 gambar. Sehingga gunakan aba-aba tersebut sebaniiyak 4 kali.

Demikian tutorial Cara Cepat memasang galeri foto pada postingan blog. Semoga bermanfaat dan selamat mencoba. Jika ada aba-aba iiyang kurang tepat, silakan ikut meralatniiya. Trims atas responniiya.