Cara Menciptakan Efek Zoom Pada Gambar Di Blog Terbaru

Efek Zoom pada gambar di blog, wordpress, WEBsite selain untk 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 / article maka gambar tersebut akan membesar setips otomatis tanpa harus di klik manual dahulu dan akan mengecil kembali jikalau kursor dipindahkan dari gambar tersebut. Trik 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 hnya dengan memasang / menambahkan bbrapa arahan CSS di html blog.

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

Trik Membuat Efek Zoom Image Di Blog Setips Otomatis :

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

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

3. Setelah itu masukkan arahan berikut sempurna diatas arahan ]]></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

Nah itulah gimana tips menciptakan pengaruh zoom pada gambar di blog dengan gampang dan cepat.

Silahkan dicoba