cara membuat zoom efek image di blog

Memasang cara membuat zoom efek image di blog

Hasil :


Sebelum memasang kode script sebaiknya anda backup template blog anda, untuk berjaga-jaga bila terjadi error saat pemasangan kode.

Step 1

Login blogger Masuk ke halaman dashboard > Template > HTML

Step 2

cari kode ]]></b:skin> dan letakkan kode dibawah ini diatasnya kode ]]></b:skin>


.hovergallery img{-webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; margin: 0 10px 5px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; }

Step 3

cara menggunakan seperti kode dibawah  ini gan,tinggal ganti URL gambar
<a class="hovergallery" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifitC_lJU1-y3KV0IUkxRFvr4YItU753Om8MQQmUhQDoy2BwjBcDmifuEgiEUnwEk6zeYo0bYAqu6inF103krh5XKKdst1r938YRnhytKlpkjeaOykUsj0hYyTgppH0fU3v8LTF4s-vN4/s1600/Logo+LPIA+embos+Margonda+biru+old.png" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifitC_lJU1-y3KV0IUkxRFvr4YItU753Om8MQQmUhQDoy2BwjBcDmifuEgiEUnwEk6zeYo0bYAqu6inF103krh5XKKdst1r938YRnhytKlpkjeaOykUsj0hYyTgppH0fU3v8LTF4s-vN4/s1600/Logo+LPIA+embos+Margonda+biru+old.png" /></a>

Step 4

terakhir klik simpan

sumber:
http://pucukpucuk.blogspot.com/

---

Segera bergabung : - kursus bahasa Inggris - kursus komputer dengan:
 Lembaga Pendidikan Indonesia Amerika ( LPIA )
 LPIA Margonda 
Jl. Margonda Raya, No.91C
(dekat lampu merah flyover pertigaan Arief Rahman Hakim atau depan Autopart Ramanda Depok, sebelah Solite Furniture dan ATTIN TOUR) Kelurahan: Pancoran Mas Kecamatan : Pancoran Mas Kota: Depok Po Box: 16436

 Telepon : (021) 7774443