Cara Menciptakan Pengaruh Zoom Pada Gambar Di Blog Terbaru

Efek Zoom pada gambar di blog, wordpress, website selain untuk memudahkan pengunjung biar sanggup melihat gambar yang terlalu kecil dan tidak kelihatan goresan pena di dalamnya menjadi lebih besar dan terang juga sanggup menciptakan situs menjadi lebih menarik. Efek ini sanggup memperbesar gambar dikala cursor / pointer diarahkan ke sebuah gambar yang ada di postingan / artikel maka gambar tersebut akan membesar secara otomatis tanpa harus di klik manual dahulu dan akan mengecil kembali jikalau kursor dipindahkan dari gambar tersebut. Cara pasang fitur pengaruh auto zoom / pembesar image ini pada blogspot juga sangat gampang bagi para blogger lantaran tidak memakai banyak javascript, jquery atau php tapi hanya dengan memasang / menambahkan beberapa isyarat CSS di html blog.

 website selain untuk memudahkan pengunjung biar sanggup melihat gambar yang terlalu kecil d Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru

Kali ini aku akan share gimana Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat sahabat yang ingin memperbesar gambar blog secara otomatis dikala cursor diarahkan ke gambar tersebut.

Cara Membuat Efek Zoom Image Di Blog Secara Otomatis :

1. Bikin pengaruh zoom gambar menyerupai diatas ialah dengan cara masuk ke sajian Template dan klik Edit HTML

 website selain untuk memudahkan pengunjung biar sanggup melihat gambar yang terlalu kecil d Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru

2. Kemudian cari kode  ]]></b:skin> atau </style>, gunakan Ctrl+F untuk memudahkan pencarian

 website selain untuk memudahkan pengunjung biar sanggup melihat gambar yang terlalu kecil d Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru

3. Setelah itu masukkan isyarat berikut sempurna diatas isyarat ]]></b:skin> atau </style> :

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

Jika sudah sahabat sanggup klik Simpan template.. Selesai dan lihat hasilnya

 website selain untuk memudahkan pengunjung biar sanggup melihat gambar yang terlalu kecil d Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru

Nah itulah bagaimana cara menciptakan pengaruh zoom pada gambar di blog dengan gampang dan cepat.

Silahkan dicoba

Komentar

Postingan populer dari blog ini

Kualitas Solar Sangat Mempengaruhi Kinerja Mesin Diesel

Fungsi Defogger Garis Coklat Di Beling Mobil

Awas Malas Merawat Turbocharger, Rusak Harganya Sangat Mahal