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="http://1.bp.blogspot.com/-5RzJ8EkO6f4/T13jBf-WBBI/AAAAAAAAAc0/mAtexmzFjSU/s1600/1.jpg" target="_blank">
<img border="0" height="150" src="http://4.bp.blogspot.com/-eyMcBoexOlw/T13jQmqAqxI/AAAAAAAAAdk/CGe-oub3Q1w/s1600/2.jpg" width="200" /></a>
</dt>
</dl>
Jika sudah, silahkan Publish Postingannya, Sangat Mudah Bukan?..
Selamat Mencoba.
SUMBER : MONGGO mampir
20 comments
Click here for commentskok fotonya ngga keliatan ya??
Replyterimakasih...
Replywah makasih ya gan/ganwati artikelnya ini bermanfaat banget buat saya yg masih baru di dunia blogging :)
Replyoh iya kalo sempet kunjung balik ke blog saya yaa gan/ganwati, hehe
ini URLnya http://pelangikaryaa.blogspot.com
saya tunggu kunjungannya :)
makasih banyak :)
Keren Gan tutornya, ane yg masih baru di belantika blog aja udah praktekin dan sukses ( atakelan.blogspot.com ) Thanks Gan...
ReplyKerennnn... Coba ya gan.
Replyhttps://www.facebook.com/InParfumeBandung
keren
ReplyTHANK GAN...
Replymanthap gan
Replysalam kena http://si-kudil.blogspot.com/
super sekali
Replynice ro atas share tutorial nya, semoga bermanfaat bagi yang lain juga, terima kasih
ReplyKoleksi Foto Seksi Artis Indonesia
ReplyVisit : http://fyf-pics.com/
Berbagai macam foto seksi artis indonesia yang belum pernah kamu lihat !
gan... fotonya kok gak bisa tampil ya..
Replymas tri fotonya sudah di upload belum ?
Replymakasih gan udah berkunjung kemari
Replyur welcome
Replysama sama gan makasih dak berkunjung kemari
Replyoke gan sama sama
Replyok gan sama sama ,,, meluncur ke tkp
Replymakasih gan sudah berkunjung
Replymongo gan di coba
ReplyConversionConversion EmoticonEmoticon