7 Cara Membuat Album Photo Unik Di Blog

Cara membuat album poto unik di blog

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

Baca Juga Artikel Menarik Dibawah Ini :

Komentar →