Membuat efek gambar membesar dan berputar saat kena kursor

Membuat efek gambar membesar dan berputar saat kena kursor 

Ini kodenya sob:

.memput:hover{
-moz-transform:rotate(22.5deg) scale(1.50);
-webkit-transform:rotate(22.5deg) scale(1.50);
}

Letakkan Kode Ini di Atas Kode ]]></b:skin>
Caranya :
Seperti biasa
1. Masuk ke akun blogger anda dengan email dan password sendiri
2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements Lalu Kli Edit HTML
3. Cari deh Kode ]]></b:skin>  (Ctrl+F)
4. Tinngal Di Letakkandi atas kode no.3
5. Klik Save Template

Belum selesai Sahabat
Untuk Mengaktifkan Efeknya Pastinya CSSnya Harus Di Panngil dulu Dong...Kalau Gak di Panggil Pasti Gak Datang,hehehe
Ini Dia Kode Pemamanggilannya :

<img class="memput" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf3zVeSH4vfqqZ-lt-WnJ02x7LMgFCxhCatd4mIsijd3sUMPNSjMykegPEUAyfLe3mBhym3WVExhO3bFPT6KtpnBlPc_pGy-1zYsl53uvus4j6vv1V3RqwNd1nxzJUdwaaZlAqyfKi3ws/s1600/psd.jpg" />

Merah Adalah ID CSS tadi,,,berfungsi untuk memanggil,hehe
Hijau Ganti dengan URL Gambar Anda.

Untuk Membuatnya Menjadi Link Kodenya seperti di Bawah :

<a href="Link Anda Di Sini"><img class="memput" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf3zVeSH4vfqqZ-lt-WnJ02x7LMgFCxhCatd4mIsijd3sUMPNSjMykegPEUAyfLe3mBhym3WVExhO3bFPT6KtpnBlPc_pGy-1zYsl53uvus4j6vv1V3RqwNd1nxzJUdwaaZlAqyfKi3ws/s1600/psd.jpg" /></a> 

Biru Di Isi Dengan Link Yang anda Inginkan.
Selesi Deh...
Selamat Mecoba........GBU....