Cara Menciptakan Efek Zoom Pada Gambar Di Blog Terbaru

Efek Zoom pada gambar di blog, wordpress, website selain untuk memudahkan pengunjung supaya sanggup melihat gambar yang terlalu kecil dan tidak kelihatan goresan pena di dalamnya menjadi lebih besar dan terperinci juga sanggup menciptakan situs menjadi lebih menarik. Efek ini sanggup memperbesar gambar saat 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 kalau kursor dipindahkan dari gambar tersebut. Cara pasang fitur efek auto zoom / pembesar image ini pada blogspot juga sangat gampang bagi para blogger alasannya tidak memakai banyak javascript, jquery atau php tapi hanya dengan memasang / menambahkan beberapa instruksi CSS di html blog.

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 teman yang ingin memperbesar gambar blog secara otomatis saat cursor diarahkan ke gambar tersebut.

Cara Membuat Efek Zoom Image Di Blog Secara Otomatis :

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

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

3. Setelah itu masukkan instruksi berikut sempurna diatas instruksi ]]></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 teman sanggup klik Simpan template.. Selesai dan lihat hasilnya

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

Silahkan dicoba

Tweet

Subscribe to receive free email updates: