Cara Membuat Efek Gambar Membesar dan Berputar Saat Kena Kursor di Blog

SimBale

Maaf sekali sobat semua untuk beberapa hari ke depan admin tidak akan upload game besar terlebih dahulu. Dikarenakan hosting tempat admin upload files di mediafire udah hampir abis padahal spacenya 100 GB. Oke kembali ke topik, kali ini admin akan membuat tutorial mengenai "Cara Membuat Efek Gambar Membesar dan Berputar Saat Kena Kursor di Blog". Nanti admin akan sediakan live demonya juga agar sobat tau gimana hasilnya. Langsung aja yuk dicoba.

Tahap Pembuatan

• Pertama, login dahulu ke akun blogger sobat
• Masuk ke dalam dasbor blogger sobat
• Pilih blog yang akan sobat pasang efeknya
• Jika sudah pilih Templates => Edit HTML
• Kemudian cari kode  ]]></b:skin> (gunakan CTRL + F / F3)
• Lalu jika sudah ketemu copy kode dibawah ini dan paste diatas 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}

• Setelah itu klik "Save Templates"
• Selesai.

NB : Sebelumnya disarankan membuat backup templates blog agar tidak terjadi hal yang tidak diinginkan 

Demo

Semoga bermanfaat
Best Regards
Admin - Aditya