Bloggerabiz | Bagi anda yang kesulitan dengan teknik zoom out image di blogspot, wordpress cms atau CMS jenis lainnya disini dijelaskan secara ringkas teknik script untuk masalah zoom out image.
Login ke blogger
Buka Rancangan > edit html > ceklis expand template widget
Langsung saja copy script ini, lalu paste untuk blogspot tepat diatas
]]></b:skin>
Untuk wordpress atau yang lainnya bisa copy ke css masing-masing.
Perhatikan titik-titik nya, jangan ketinggalan dicopy
.bloggerabiz 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 10px 5px 0;
}
.bloggerabiz img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
Pilih Gambar apa yang ingin di zoom out misalnya gambar ini
<a class="bloggerabiz" href="url-gmbar"><img src="url-gmbr" /></a>
Tambahkan kode class="bloggerabiz" kepada kode html gambar yang kita inginkan di zoom out. Selesai Gampangkan...
Keterangan : script ini hanya bisa di google chrome dan firefox
Kembali ke Atas
Tambah Komentar
0 komentar:
Posting Komentar