TPT

1. Masuk ke dasboard blogger.

2. Buat postingan baru.

3. Arahkan ke mode HTML. Lalu paste kode 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 sebanyak 4 gambar. Rumusnya 100%/4=25%.

Ganti URL TARGET LINK dengan URL target link gambar.

Ganti URL IMAGE dengan URL image hasil upload. Saya menggunakan Picasa web album untuk mengupload image. Silakan simak cara  Cara upload-photo-ke-picasa-web

Kemudian untuk mengetahui URL image, silakan klik kanan gambar yang telah diupload, lalu Copy image address. Atau bisa pula melalui cara .Klik Kanan di poto lihat url gambar .lalu copi.

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

Selesai, lalu akhiri dengan Publikasikan.


Apakah itu hanya digunakan untuk memasang 4 gambar saja? Lalu bagaimana jika ingin meletakkan gambar lebih dari 4?


Caranya adalah menambah kode 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>


Lakukan sesuai dengan jumlah gambar yang diinginkan. Untuk sampel di atas menggunakan 4 gambar. Sehingga gunakan kode tersebut sebanyak 4 kali.


Demikian tutorial Cara membuat galeri poto di blog. Semoga bermanfaat dan selamat mencoba. Jika ada kode yang kurang tepat, silakan ikut meralatnya. Trims atas responnya.