Assalamualaikum Wr. Wb, Kali ini BONES bakal berbagi tips seputar Blog, udah lama nih gak berbagi trik trik blog.. oke sebenernya trik ini adalah "Cara Membuat Efek Zoom pada blog" efek ini dulu bones pake, sekarang udahh di ganti heheh :D

Okee langsung aja di cobaa :D




 ☼  Login 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}

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

Semoga bermanfaat.


Sumber: http://hermanbagus.blogspot.com

Posting Komentar