Cara Lengkap Membuat Gambar Berputar dan Membesar di postingan Blog

Hai Kawan,, Terkadang kita merasa jenuh dengan tampilan blog yang sederhana, dan kurang memuaskan pengunjung blog kita seakan kita tak ada kreasi saat membangun blog (Canda :v), nah saya mempunyai cara yang mungkin dapat membuat pengunjung blog kita tidak jenuh saat mengunjungi blog kita, mungkin saja trik yang satu ini cocok untuk blog anda, trik yang saya update ini adalah mengenai cara membuat gambar berputar saat disentuh mouse. Tanpa basa basi lagi langsung saja kita ke pembahasan.

1. Masukalah ke Tab "Template/Tema/Theme" ,setelah itu click tombol "Edit Html".
2. Cari kode  "]]></b:skin>" dengan cara menekan tombol ctrl+f secara bersamaan lalu masukan kode tadi.
3. Copykan  kode/script yang ada dibawah ini

a img, img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}a img:hover, img:hover{border:2px solid; -webkit-border-top-left-radius: 20px;-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;-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}

4. Setelah anda Copy-kan Kode Script diatas, lalu Paste/Tempelkan diatas kode "]]></b:skin>".

 4. Simpan/Save lalu lihatlah hasilnya, dengan cara meletakan kursor diatas gambar, maka gambar itu akan berputar dan membesar dengan sendirinya.

Semoga Artikel Ini Bermanfaat Bagi Anda😀,  Jangan Lupa Untuk Komen dan Share Kepada Blogger Blogger lain😊

Author : Daud Yusuf

Share this

Related Posts