cara membuat zoom efek image di blog

aloooow gan sambil menikmati hidangan sahur,ane ada tutor zoom efek image gan..berikut cara2nya

Login blogger 

edit HTML

lalu cari kode ]]></b:skin> dan letakkan kode dibawah ini diatasnya kode ]]></b:skin>
terakhir klik simpan

 

.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; }

cara menggunakan seperti kode dibawah  ini gan,tinggal ganti URLnya gambar punya agan,

<a class="hovergallery" href="http://pucukpucuk.blogspot.com/" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWkNB3yRNL7px6mSeUNkhjHmNyuMgfv_GLUqT11X_VKy4lrqsTajqN7qCXW7iZbofMFgRaxQlTeyXsGaVU8pjB4CB-E7pbZM55QfAIw47DD4FspP0h8t_D6O6WiKjc1voNtWSPShKiKc_p/s1600/images+(18).jpg" /></a>

Dishare Oleh : amad abe ~ download dan tips trik blog

agan sedang membaca artikel tentang: cara membuat zoom efek image di blog. Silakan agan copy dan paste atau sebarluaskan artikel ini jika dinilai bermanfaat tetapi ane harap agar Agan jangan sampai lupa untuk menyertakan link aktif artikelnya di bawah ini: <a href="http://pucukpucuk.blogspot.com/2013/07/cara-buat-zoom-efek-image.html" target="_blank">cara membuat zoom efek image di blog</a>

*** Dapatkan Widget Ini ***