Monday, April 8, 2013

Cara Buat Efek Zoom / Perbesar Foto Di Blog v3






assalamuallaikum wr wb , kali ini saya akan share lagi tentang blog , lebih tepatnya Cara Buat Efek Zoom / Perbesar Foto Di Blog v3 , jika sebelumnya saya sudah share tentang Membuat Efek Zoom Pada Gambar di Blog dan Cara Membuat Efek Zoom / Perbesar Foto Di Blog v2 , sekarang giliran v3 nya , hehe

oke berikut Cara Buat Efek Zoom / Perbesar Foto Di Blog v3

· Login dulu ke akun blogger Sobat, 

· Klik Template --> Klik Edit html 

· Centang Expand Template Widget (Cepat pakai F3) 

· Cari kode : ]]></b:skin> 

Copy paste kode di bawah ini tepat di atasnya. 

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}

lalu Save Template.
Maka secara otomatis semua gambar pada postingan blog sobat akan ber-efek zoom dengan rotasi ketika disorot, sudah saya coba dan 100% bekerja pada blog saya.

Semoga bermanfaat.

0 komentar:

Post a Comment

Advertisement

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com