
Membuat Gambar Zoom Di Posting
Nah kalau ingin gambar di postingan kalian Zoom saat terkena mouse, begini caranya.... Gausah panjang Lebar , soalnya saya sendiri nulis ini juga lagi sibuk. langsung aja ni langkahnya.
1. Pilih "Template"
2. Pilih "Sesuaikan"
3. Pilih "Tingkat Lnjut"
4. kemudian pilih "Tambahkan CSS"
Copas Code di bawah ini di kolom yang tersedia.
.pangerantrik img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.pangerantrik img:hover{
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
opacity: 1;
}
Kemudian bikin Postingan baru dan Upload gambar seperti biasa
*Penting
Pilih mode HTML dan Tambahkan class="pangerantrik" di setiap gambar kalian
Contoh :
<a class="pangerantrik" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBujdbBHsvH9TwUcRnmrYL6LPdN9UmE9IvtD562wrZW35ll4HY34tBYOpNYX6YUxkqhd6AabG76DldFilNgjR8SMYrpoWTxEsMN1aMyU8Jvk5d5YalByZN3Jslyx1LTzCsDdifNEpr1TCV/s1600/Sunset.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBujdbBHsvH9TwUcRnmrYL6LPdN9UmE9IvtD562wrZW35ll4HY34tBYOpNYX6YUxkqhd6AabG76DldFilNgjR8SMYrpoWTxEsMN1aMyU8Jvk5d5YalByZN3Jslyx1LTzCsDdifNEpr1TCV/s200/Sunset.jpg" width="200" /></a>
Demo :