Membuat Efek Zoom Pada Gambar Postingan Blog

Kembali lagi aku 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 aku mengulas lagi artikel Membuat Efek Zoom Pada Gambar Postingan agar sobat blogger yang masi pemula akan tahu seperti owner blogger ini pemula.


sebenarnya cara ini mudah sekali dan tak merepotkan kalian dengan tambahan kode sedikit maka efek zoom untuk gambar postingan kalian akan berubah total. dan ini menjadi kebanggaan yang unik bagi sobat blogger yang baru. nah kalian bisa lihat efek zoom di postingan bawah ini atau juga bisa lihat di blog


Bisa di lihat Contoh gambar di atas apabila sudah mencoba mengarah kan mouse arah gamabar , gambar akan memberikan efek zoom kalau kalian sudah melihat gambar diatas silahkan kita mulai tutorial membuat efek zoom pada gambar postingan:

1. silahkan langsung saja kalian login ke blogger.
2. silahkan menuju edit tamplate . jangan lupa untuk centang expant widget.
3. cari kode ]]</b;skin>
4. kalau sudah ketemu silahkan copy kede dibawah ini dan paste diatasnya.

.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 kalian ada kode .post img:hover sebelum kode yang kalian taruh alangkah baiknya kalau kalian hapus dulu.

aku harap postingan ini bermanfaat buat sobat blogger. semoga blog kalian akan semakin maju dari pada blog ini. semoga sukses danhappy blogging.

Tweet

Postingan terkait:

— Add Comment — Tutorial Blog