Membuat Gambar Membesar Keika Disorot Pointer Mouse

Kali ini Saeful13 blog mau berbagi tips lagi yaitu Membuat Gambar Membesar Keika Disorot Pointer Mouse. Mungkin tips ini berguna untuk memperjelas gambar yang di blog makanya tips Membuat Gambar Membesar Keika Disorot Pointer Mouse ini diperlukan. Ok, sob cara pemasangannya juga mudah jadi simak baik - baik sob :).

1. Pertama sobat simpan kode dibawah ini diatas kode ]]></b:skin> pada template sobat. Template > Edit HTML > Centang Expand Template Widget. 

 .post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}

2.  Selanjutnya pilih salah satu kode dibawah ini dan simpan diatas kode </head>.

• Jika sobat ingin efek ini berlaku diluar postingan juga maka simpan kode ini diatas kode </head>

<style type='text/css'>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>

• Jika sobat ingin efek ini hanya muncul di dalam postingan saja maka gunakan kode dibawah ini dan simpan  diatas kode </head>.

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
</b:if>

3. Langkah terakhir Save.

Itulah tips singkat  Membuat Gambar Membesar Keika Disorot Pointer Mouse. Oh, iya sob demonya seperti gambar diatas.
Selamat mencoba dan semoga  bermanfaat.