Cara membuat album poto unik di blog sangatlah mudah yang penting sobat harus berhati-hati dan teliti, jangan sampai salah dalam penempatan kode yang akan saya berikan.
Lihat Demo
Klik Disini
Bila sobat berminat membuat album photo unik di blog sobat, maka sobat tidak salah untuk mengikuti tutorial berikut.
Langkah Pertama yang harus sobat lakukan yaitu Masuk ke Edit templeate sobat kemudian cari kode
]]></b:skin>
Setelah ketemu sobat pastekan kode berikut tepat diatas kode ]]></b:skin>
/*--Hover--*/
.post img {
border-radius: 30px 0 30px 0;
-moz-border-radius: 30px 0 30px 0;
-webkit-border-radius: 30px 0 30px 0;
-o-border-radius: 30px 0 30px 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.post img:hover {
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.5);
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
}
Kemudian simpan templeate sobat.
Langkah berikutnya sobat tinggal membuat sebuah postingan/Entri baru dan pilih metode HTML,
Ingat Metode HTML bukan COMPOSE
Kemudian Sobat Pastekan Kode Dibawah Ini
<div class="snap_preview">
<style type="text/css">
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="http://1.bp.blogspot.com/-qjPte7y2HIU/ULJJxjA_UEI/AAAAAAAAATo/5q5b4N2Debw/s1600/0000.jpg" target="_blank"><img alt="alt anda" class="attachment-thumbnail" height="96" src=" http://1.bp.blogspot.com/-qjPte7y2HIU/ULJJxjA_UEI/AAAAAAAAATo/5q5b4N2Debw/s1600/0000.jpg" title="Bhabinkamtibmas" width="128" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="http://3.bp.blogspot.com/-9DY0OUl0Wx0/UKpfGK8XwmI/AAAAAAAAARg/wfcmtTN9l4Y/s1600/IMG00044-20121119-0808.jpg" target="_blank"><img class="attachment-thumbnail" height="96" src=" http://3.bp.blogspot.com/-9DY0OUl0Wx0/UKpfGK8XwmI/AAAAAAAAARg/wfcmtTN9l4Y/s1600/IMG00044-20121119-0808.jpg" title="Bhabinkamtibmas" width="128" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="http://3.bp.blogspot.com/--VrVCuXiIic/ULSHovSKTFI/AAAAAAAAAWM/VGdGf5VC_yA/s1600/IMG0380A.jpg" target="_blank"><img class="attachment-thumbnail" height="96" src="http://3.bp.blogspot.com/--VrVCuXiIic/ULSHovSKTFI/AAAAAAAAAWM/VGdGf5VC_yA/s1600/IMG0380A.jpg" title="Bhabinkamtibmas" width="127" /></a>
</dt>
</dl>
<br />
<br style="clear: both;" /></div>
</div>
Catatan
Warna Merah : Sobat Ganti dengan URL Photo Sobat
Warna Hijau : Sobat Ganti Dengan Judul Photo Sobat
Dengan demikian sobat tinggal Terbitkan Postingan Sobat Tersebut Dan Lihat Hasilnya
Demikian Cara Membuat Album Photo Unik Di Blog
nice...qiqiqi
BalasHapusTerimakasih senior dah mau mapiir, qiqiqii... penuh rahasia
BalasHapusmantab nih efek pada album fotonya,like this.
BalasHapusnice blogg
BalasHapusselamat malam gan, kunjungan perdana nih... jangan lupa kunjungan baliknya ya di lipuuhulondalo.blogspot.com/ jangan lupa juga follow - join this site blog saya ya, saya udah follow blognya agan ....
BalasHapuskunjungan gan
BalasHapusndak bisa tampil dia bro,eror,scrip nya udah bener,cara cara nya udah benar juga,penyelesaian nya gimana ya,tolong di bantu
BalasHapus