Tutorial Blogger

Pages

  • Home

About Me

Unknown
View my complete profile

Followers

Blog Archive

  • April (47)
Monday, April 1, 2013

Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan



Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Zoom Pada Gambar Di Blog", dan "Cara Membuat Effect Terang dan Gelap Pada Gambar" dan sesuai permitan salah satu Sobat Blogger, Saya Posting Tips ini. Sebagai contoh Kalian bisa melihat pada Gambar di atas, atau pada setiap Postingan Gambar di blog ini, dan lorot kursor Kalian ke arah gambar. OK, ditak usah berlama-lama, kita langsung ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian.
[2]. Kemudian dari Dasbor, cari Template --> Edit HTML.
[3]. Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.
[4]. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>.
.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}}
[5]. Terakhir tinggal di SIMPAN dan lihat hasilnya.

OK,sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Sobat Blogger semuanya, dan buat Sobat Blogger yg sudah Request, semoga  sudah terjawah pertanyannya.

Salam Blogger Indonesia.

at 3:24 PM
Email This BlogThis! Share to X Share to Facebook

0 comments:

Post a Comment

Newer Post Older Post
Subscribe to: Post Comments (Atom)
Copyright © 2012 Tutorial Blogger |