CARA MEMBUAT GALERI FOTO PADA BLOGSPOT
Diluarsana sebenarnya sudah banyak yang menyediakan template Galery
Photo untuk pengguna blog, namun sayangnya, jika sobat menggunakan
template tersebut, yah cocoknya blog sobat hanya untuk postingan photo
dan tidak cocok untuk digunakan ke hal yang lain.
Tapi jangan khawatir sob, disini ada sedikit tutorial bagaimana cara
membuat album menarik di blog sobat tanpa harus menggunakan template
album tersebut.
Cara penggunaannya juga sangat mudah, ikuti langkah-langkah dibawah ini :
- Pertama Uploadlah terlebih dahulu File Gambar yang ingin anda
tampilkan di blog, Upload ini bisa di Blogger atau image hosting
kesayangan anda.
- Jika sudah terupload gambarnya, sekarang kita memulai membuat sebuah
postingan gambar, Login Ke Blog » Posting » New Post » Kasi Judul Album
Sobat, sekarang klik HTML, Jangan yang Compose pada pilihan Pengeditan
Dokument.
- Copykan Kode Berikut ini :
<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 Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
</div>
</div>
Ganti tulisan tebal "Url Image anda" dengan Url Gambar yang telah sobat Upload tadi, sebagai contoh seperti berikut ini :
<dl class="gallery-item">
<dt class="gallery-icon"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPuda7GH__7DgRiCWDBirZ-dR8xx51QlGkAu-jqu-Kmtqi6KGIldIcTQKGK9__oHqy7yoHbfVEnV6BQWfJtxIlfTpZMjLJ3rGQ80QIutiz0fAntXwHfxfXx7p6Wao_9R4ZBeLkrBUzKBy6/s1600/1.jpg" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYzFee_ozpV2nTfwFQBVpBLB5DRx67pjL6fXjnNOlyS7Z_p5kq7ELKrDxkOZPOOAXTWv2sBeiogntPv9bpo6qzyH6rTKRVKm03o8EI6Vabe1qFFhX6sxS0sOhxxN5jqNpON57KqK3pss_/s1600/2.jpg" width="200" /></a>
</dt>
</dl>
Jika sudah, silahkan Publish Postingannya, Sangat Mudah Bukan?..
Selamat Mencoba.
Judul : CARA MEMBUAT GALERI FOTO PADA BLOGSPOT
Deskripsi : CARA MEMBUAT GALERI FOTO PADA BLOGSPOT Diposkan oleh sang pemenang Rabu, 13 Februari 2013 Diluarsana sebenarnya sudah ...