Cara Membuat Efek Zoom Otomatis Pada Gambar Artikel Blog

Hallo semuanya ! Pada kesempatan kali ini saya akan memberikan tips bagaimana cara untuk memberikan efek zoom in dan out otomatis pada gambar ketika kursor di arahkan ke gambar pada artikel blog. Memberikan efek zoom otomatis tentu akan sangat membantu para pembaca blog untuk lebih memahami isi dari artikel yang kita buat.
Cara Membuat Efek Zoom Otomatis Pada Gambar Artikel Blog
Khususnya bagi blog-blog yang berisikan konten tutorial  tentu menambahkan gambar pada artikel adalah suatu keharusan. Menambahkan gambar pada artikel selain mengikuti saran dari google yaitu minimal 1 gambar juga agar para pembaca lebih mudah faham dan mengerti isi dari artikel tersebut.

Baiklah tanpa banyak basa-basi, saya akan memberikan tutorial bagaimana cara membuat serta cara pemasanganya di blog dengan mudah dan cepat.

Cara Membuat dan Memasang Efek Zoom :

  • Masuk ke dasbor blogger > Tema > Edit Tema
  • Kemudian pastekan kode script dibawah ini tepat di atas tag </style> maupun  ]]></b:skin>
.post img:hover {
-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}
  • Simpan tema dan lihat hasilnya.
Untuk memastikan keberhasilan dari cara di atas, buka artikel blog kalian dan kemudian arahkan kursor tepat ke gambar pada artikel tersebut. Jika berhasil makan akan terlihat efek zoom in (Perbesar) secara otomatis. Dan jika kursor di jauhkan dari gambar maka gambar tersebut akan kembali ke ukuran semula.

Belum ada Komentar untuk "Cara Membuat Efek Zoom Otomatis Pada Gambar Artikel Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel