Kali ini saya ingin berbagi kepada sobat blogger bagaimana cara Membuat Efek Zoom Pada Gambar Postingan Blog. Memang cara ini sudah begitu lama di terapkan oleh sobat blogger namun tak ada salahnya kalau saya mengulas lagi artikel Membuat Efek Zoom Pada Gambar Postingan agar sobat blogger khususnya yang masih pemula agar tahu, seperti owner blogger ini yang masih pemula.
Sebenarnya cara ini mudah sekali dan tidak merepotkan, hanya dengan tambahan kode sedikit maka efek zoom untuk gambar postingan akan berubah, seperti apa yang di inginkan dan hal ini menjadi kebanggaan yang unik bagi sobat blogger yang baru. Anda bisa lihat efek zoom gambar di postingan.
- Silahkan anda login ke blogger
- Menuju edit tamplate. jangan lupa untuk centang expand widget
- Cari kode ]]></b:skin> (untuk memudahkan silakan tekan Ctrl+F dan masukan kode ]]></b:skin>)
- Kalau sudah ketemu silahkan copy kode dibawah ini dan paste di atas kode ]]></b:skin>
.post img:hover {
-moz-trnasform: scale(1.3) ;
-webkit-transform: scale(1.3);
-o-transform: scale(1.3) ;
-ms-transform: scale(1.2) ;
transform: scale(1.3) ;}
NB: kalau dalam template anda ada kode .post img:hover sebelum kode yang akan anda taruh alangkah baiknya kalau anda hapus dulu.
Semoga postingan ini bermanfaat buat sobat blogger.
Comments
Post a Comment