Cara Membuat Efek Zoom Otomatis pada Gambar di Blog

Assalamualaikum sobat

Membuat efek zoom otomatis pada gambar di blogger Ini sangat mudah sobat blogger terapkan di blog maksud dari efek zoom ini adalah jika kursor yang sobat miliki menyentuh gambar yang ada di dalam artikel otomatis akan terlihat membesar dengan sendirinya dan memungkinkan pengunjung lebih nyaman melihat gambar yang lebih besar,dan tentunya blog sobat terlihat keren.

Berikut tutorial nya:

A.Langkah awal pastikan sobat sudah masuk di blogger

B.Jika sudah masuk klik tema/template kemudian klik edit html

C.Cari kode tersebut  ]]></b:skin>  untuk memudahkan pencarian tekan tombol ctrl + f

D.Kemudian letakkan kode dibawah ini,tepat diatas kode ini ]]></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);
}

E.Nah selanjutnya tinggal simpan tema dan lihat hasilnya

Itu tadi tutorial membuat efek zoom otomatis pada gambar di blogger semoga bermanfaat buat sobat semua

Tweet

Postingan terkait:

— Monday, January 1, 2018 — Add Comment — TUTORIAL BLOG