Cara Membuat Gambar Posting Berputar Saat Kursor Menyentuh

Salah satu cara membuat efek menarik pada gambar di posting adalah membuatnya bergerak dan berputar. Anda mungkin sudah melihat hal seperti ini di beberapa blog, banyak blogger yang membuat efek gambar berputar saat kursor menyentuh. Cara membuatnya sangat mudah, perhatikan beberapa step berikut ini :

1. Login ke akun blogger Anda

2. Masuk ke Dashboard

3. Klik “Template” lalu klik “Edit HTML

4. Cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempermudah pencarian)

5. Setelah ketemu, letakkan kode di bawah ini tepat berada di atas kode ]]></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}}

6. Klik “Simpan template

Anda akan melihat perubahan pada gambar di setiap posting Anda. Mereka akan berputar saat kursor menyentuh, dan ini menarik bukan ?

Baca juga tutorial terkait :
Bagaimana Cara Mengganti Gambar dan Warna Backgroud Blog ?
Cara Membuat Gambar Membesar Saat Kursor Menyentuh

Tanggapan :