Cara Lengkap Menciptakan 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 ketika membangun blog (Canda :v), nah aku memiliki cara yang mungkin sanggup menciptakan pengunjung blog kita tidak jenuh ketika mengunjungi blog kita, mungkin saja trik yang satu ini cocok untuk blog anda, trik yang aku update ini yakni mengenai cara menciptakan gambar berputar ketika disentuh mouse. Tanpa basa kedaluwarsa lagi pribadi 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 kemudian masukan arahan 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, kemudian Paste/Tempelkan diatas arahan "]]></b:skin>".

 4. Simpan/Save kemudian 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😊

Bagikan Artikel ini