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="http://3.bp.blogspot.com/-lK-9qV8S2o8/VCKFP68zuLI/AAAAAAAAADg/bhdM7Hl8XSk/s1600/Logo%2BLPIA%2Bembos%2BMargonda%2Bbiru%2Bold.png" target="_blank">
<img src="http://3.bp.blogspot.com/-lK-9qV8S2o8/VCKFP68zuLI/AAAAAAAAADg/bhdM7Hl8XSk/s1600/Logo%2BLPIA%2Bembos%2BMargonda%2Bbiru%2Bold.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