Cara Membuat Efek Zoom In gambar Otomatis di Artikel Blog

Salam sobat blogger kali ini saya akan membagikan tips tentang bagaimana cara membuat efek zoom in gambar Otomatis di artikel blog sobat. sehingga, ketika kursor di arahkan pada gambar tersebut akan tampak membesar (Zoom In).

Kelebihan yang kita dapatkan ketika memasang teknik zoom efek pada gambar artikel blog adalah biar terlihat lebih menarik.

Ok..langsung saja ya ke topik nya.

Cara Membuat Efek Zoom in Gambar Otomatis di Artikel blog

Ikuti langkah-langkah di bawah ini.

• Silahkan Copy code css di bawah ini terlebih dahulu

.post 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;}.post img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity: 1;}

• Selanjutnya masuk ke akun blogger sobat. 
• Kemudian klik Tema - klik edit Html. 
• Selanjutnya cari code ]]></b:skin (gunakan Ctrl+F agar mempercepat penemuan code tersebut). 
• Selanjutnya, jika kode tersebut sudah di temukan, silahkan paste kan code yang berwarna hijau di atas tepat di atas code ]] ></b:skin>
• Selanjutnya jangan lupa klik Simpan Template. 

Silahkan Lihat hasilnya gambar yang ada di artikel blog sobat.

Itulah Cara Memasang Efek Zoom In Pada Postingan Blog.
Semoga artikel ini bermanfaat.