Gambar Berputar dan Membesar , Mau Tau Caranya ?

loading...

Halo readers kali ini saya mau share cara membuat gambar berputar dan membesar saat di sentuh mouse (keren khan hihi). Contohnya readers bisa lihat gambar di bawah saat readers kenakan mouse di gambar berikut .

Bagi readers yang minat caranya mudah kok ga pakai rumus matematika menghitung keliling , cape de kalo gitu ma hehe


Cukup copy paste code berikut tapi sebelumnya readers harus
1. login ke akun blog readers
2. ke rancangan kemudian Edit HTML
3. beri check list pada expand template widget
4. cari kode </head> , copy kan kode di bawah ini di atas kode </head> (biar cepet nyarinya pakai ctrl + f ja terus ketikin </head>)

<style>#denzuaz img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6.save template readers

Langkah selanjutnya tinggal buat postingan baru ja :
1.pilih posting kemudian entri baru
2.masukkan gambar ke dalam postingan (di upload)

3.kemudian klik edit html samping tab compose

4.tambahkan kode berikut di atas kode gambar 

<div id="denzuaz">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNrbnj2swIYRaWESytNiaYKwF7qQXWSY5tlj8V3nlA1NsfCiImXpIQEiCegx4uguhyphenhyphena3ylOcjJkKxgQ_ALzxDffcMUt1Hi6EuSxxxEUCsTR7SCoLe7__bYL5SmtpBIGEsIyDwY2sW0pqw/s1600/Snapshot_20120102_14.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNrbnj2swIYRaWESytNiaYKwF7qQXWSY5tlj8V3nlA1NsfCiImXpIQEiCegx4uguhyphenhyphena3ylOcjJkKxgQ_ALzxDffcMUt1Hi6EuSxxxEUCsTR7SCoLe7__bYL5SmtpBIGEsIyDwY2sW0pqw/s320/Snapshot_20120102_14.JPG" width="320" /></a></div>
</div>


Catatan :

• kode warna merah adalah kode yang harus ditambahkan sedangkan kode warna biru adalah kode gambar. 
• readers juga bisa menambahkan kode warna merah di widget sidebar / lainnya yang ada kode gambarnya.

loading...

Subscribe to receive free email updates: