Sabtu, 09 Maret 2013

Cara Membuat Album Photo Unik Di Blog

Cara membuat album poto unik di blog

http://prabuhelaudinata.blogspot.com/2013/02/album-bhabinkamtibmas-part-1.html

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 :
Dapat uang melalui internet

~ Team Penerbit ~ prabu ~ Jobs Police RI ~ Blogger Indonesia Raya ~

Prabu Helau DinataPenulis » prabu

Anda Telah Membaca Artikel Ber Judul » Cara Membuat Album Photo Unik Di Blog Label » Home » Prabu Helau Dinata

Terimakasih Atas Kunjungan Sobat Ke Blog Ini. Tinggalkan Jejak Dengan Cara Berkomentar Jangan Segan Untuk Kembali Bila Ingin Membaca Artikel Menarik terbaru Lainnya, Andai Menurut Sobat Artikel Ini Bermanfaat Silahkan Share Via Share Button Diatas, Bila Sobat Berniat Share Dengan Cara COPAS, Di Mohon Untuk Menyertakan Link Sumber Dibawah

:: Get this widget ! ::

8 komentar:

  1. Terimakasih senior dah mau mapiir, qiqiqii... penuh rahasia

    BalasHapus
  2. mantab nih efek pada album fotonya,like this.

    BalasHapus
  3. Thanks Infonya Gan,,sangat menambah wawasan dan membantu saya dalam ng-blog Belajar Jishuken

    BalasHapus
  4. selamat 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 ....

    BalasHapus
  5. ndak bisa tampil dia bro,eror,scrip nya udah bener,cara cara nya udah benar juga,penyelesaian nya gimana ya,tolong di bantu

    BalasHapus

Warning !!!!!! Dilarang Meninggalkan Link Aktif Di Isi Komentar, Dilarang Menggunakan Kata/Kalimat Atau Nama Berbau Porno & SARA



◄ Posting Baru Posting Lama ►