Monday, May 23, 2016

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}