Tutorial

  • Android
  • Blogger
  • Canon
  • Epson
  • Komputer
  • Laptop
  • MedSos
  • ByPass FRP Tools
  • Berbagi Tutorial in Google News
  • Berbagi Tutorial on Facebook
  • Berbagi Tutorial on Instagram
  • Berbagi Tutorial on Twitter
  • Berbagi Tutorial on Youtube
  • Berbagi Tutorial on Tumbrl
  • Berbagi Tutorial on Wix
  • Berbagi Tutorial on Linkdin
  • Berbagi Tutorial on KASKUS
  • Berbagi Tutorial on MEDIUM
  • List Blog Partner
  • Open Backlink DoFollow
  • Berbagi Tutorial Online Open Add Partner Blog dan Pasang Artikel Backlink DoFollow Murah Berkualitas, Bagi yang berminat silahkan baca Syarat dan Ketentuannya

    Cara Memberikan Efek Auto Zoom Gambar Postingan Blog

    Salah satu cara untuk melengkapi atau mendukung penjelasan postingan blog adalah dengan melampirkan gambar hasil dokumentasi. Ada banyak cara dalam mempercantik tampilan gambar pendukung postingan blog agar terlihat lebih menarik dimata pengunjung, diantaranya efek getar dan efek auto zoom ketika gambar terbuka atau disorot kursor mouse. Untuk efek getar mantul sudah Admin bahas pada postingan sebelumnya, dan pada postingan kali ini admin akan membahas cara memberikan efek Auto Zoom pada gambar yang ada dalam konten postingan blog gambar gambar terlihat serti hidup sehingga tidak membosankan.

    Cara penerapannya sangatlah mudah, hanya dengan menambahkan source code HTML pada area code HTML Themplate melalui menu Edit HTML. 

    Langsung saja cari kode ]]></b:skin> untuk memudahkan pencarian gunakan fitur pencarian dengan cara menekan kombinasi tombol CTRL + F. 




    Download Source Code Auto Zoom dan Letakkan kode berikut ini tepat di atas kode ]]></b:skin> seperti gambar di bawah ini: 

     
    .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);
    }
    




    Klick Simpan untuk menerapkan, dan coba buka salah satu postingan blog yang mengandung gambar pendukung, seperti pada contoh berikut ini:





    Ketika gambar Run Diskpart tersorot mouse maka akan secara otomatis Auto Zoom




    Jika skala zoom gambar dirasa kurang besar atau terlalu besar, kalian bisa melakukan setting skala pada source kode pada bagian scale, misal 1.7 bisa kalian rubah menjadi 1.2 (memperkecil) atau 2.0 untuk memperbesar skala zoom. 

    Demikianlah Tutorial cara membuat dan memberikan efek auto zoom pada tampilan gambar postingan blog, semgoa bermanfaat dan terima kasih telah berkunjung, admin tunggu kunjungannya kembali di lain waktu.  Ingin berlangganan Notifikasi Update Postingan Terbaru? Silahkan Gabung Berbagi Tutorial Online WhatsApp Grup atau Follow Berbagi Tutorial On Google News Berbagi Tutorial Online Menerima Request Tutorial dan Guest Post bagi Siapa Saja yang hoby menulis Tutorial dan ingin membagikan hasil karya Anda melalui Blog Berbagi Tutorial silahkan Baca Syarat dan Ketentuan Guest Post Konten Kreator
    Artikel Terkait: