Membuat Efek Zoom Gambar Pada Blog

TUTORIAL

Untuk lebih mempercantik Blogger, kita akan coba membuat tampilan gambar mempunyai efek zoom caranya adalah sebagai berikut :

  • Silahkan Anda login ke blogger Anda masing-masing
  • Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian Expand Template Widget
  • Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
  • Setelah ketemu copy paste kode CSS berikut tepat diatas kode tadi

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

Kemudian simpan template sobat dan lihat hasilnya (untuk mencoba hasilnya kita tinggal arahkan mouse ke dekat gambar di blog kita)….

Selamat mencoba dan semoga bermanfaat sobat…!!!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.