Selamat Datang | Selamat Menikmati Isi Blog Ini | Recommended Gunakan Browser Gooogle Chrome

Cara Membuat Zoom Gambar

| Jumat, 18 Mei 2012
Seperti biasa gan,teknik zoom gambar blog ini kita menggunakan metode css javascript.
Pertama,sobat blogger  ke dashboard lalu pilih tata letak / rancangan (gb1) kemudian edit html (gb2) dan checklist (contreng) tulisan expand widget templates (gb3) lihat gambar aja ya :D

Membuat Zooming Gambar untuk Blogger.


Membuat Effek Zoom Gambar di Blog.
 
 
Membuat efek ZOOM Gambar Blogspot.
 


Kemudian,cari kode  <b:skin><![CDATA[/* dan letakkan barisan kode berikut setelah kode tadi :
.kupunyaku img {
    transform: scale(1);
    transition-duration: 0.5s;
    opacity: 0.7;
    margin: 0px 10px 5px 0px;
}
Dan untuk meletakkan zoom gambarnya dengan code ini :
<a href='http://adf.ly/8dgfG'>
<div class='kupunyaku'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZIR-ZwmAiB6CNHiZm9aUVJxt7YzUqsdedUB8YXCgSxBpeFKbwcXTWV8q9M-OwVAt0e7_esCM5dmRnlaI93tp3cJiCxNumHyANVUqh4gXQ1UTAXKk2eonKLsbg6DtJbTTiprH2bsevyQA/s1600/cooltext650389289.png' style='display: block; margin: 0 auto; text-align: center; position:relative;'/></div></a>
Ganti tulisan warna hijau itu dengan url gambarmu.
Maka Hasilnya Akan Seperti Logo Dari Situs Ini

0 komentar:

Posting Komentar

Next Prev
▲Top▲
Redesign By Kupunyaku - Thanks To Djogzs.com
Copyright 2010 - 2016 Kupunyaku - All Rights Reserved DMCA.com