membuat gambar membesar ketika di lalui kursor

Tertarik untuk membuatnya, silahkan ikuti langkah berikut :

Login ke Blogger klik Rancangan klik Edit HTML
kemudian cari kode ]]></b:skin>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3).
Jika sudah ketemu letakkan kode berikut di atasnya

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

Klik SIMPAN TEMPLATE.

Untuk Mengaktifkan Efeknya harus ada kode pemanggilnya.
Berikut kode pemamanggilannya:

<img class="transformscale" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr5XcNvMThE3zr_0BmhV2aJbZAi6EUjEMZ57qCkghFgxNL_WxKvm1PkOFOQknZzn2mv-RV9sXQyhy5VxfOqQMsTi5TILrHfoVHIc51sONayfRAyHRVkZiTnICzYk1fKcm6PI6u7SX_K3o/s1600/mtkkkuuu.jpg" />

Keterangan : kode yang berwarna hitam adalah ID CSS yang berfungsi untuk memanggil.
Dan kode yang berwarna biru adalah Url gambar, ganti dengan Url gambar anda.

Jika anda ingin menambahkan Link kodenya menjadi seperti berikut:

<a href="http://makalahkliping.blogspot/"><img class="transformscale" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr5XcNvMThE3zr_0BmhV2aJbZAi6EUjEMZ57qCkghFgxNL_WxKvm1PkOFOQknZzn2mv-RV9sXQyhy5VxfOqQMsTi5TILrHfoVHIc51sONayfRAyHRVkZiTnICzYk1fKcm6PI6u7SX_K3o/s1600/mtkkkuuu.jpg" /></a>

Keterangan : ganti http://makalahkliping.blogspot.com/ dengan url yang anda inginkan.


contoh imagenya nih >