MEMBUAT EFEK GAMBAR MEMBESAR

Hai agan??
Kali ini prel-blog akan member tips&trik blogger!!
Langsung saja ya!!

MEMBUAT EFEK GAMBAR MEMBESAR
-pertama-tama kita harus login kea kun blog kita.
-lalu klick template.
-edit HTML(jangan lupa untuk menventang exspand template widget).
-lalu carilah kode ]]></b:skin>(gunakan CTRL+F untuk mempermudah pencarian)
-jika sudah ketemu masukan kode dibawah ini tepat di atas ]]></b:skin<.

 .post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}

-kemudian cari kode </head> dan bila sudah ketemu masukan kode dibawah ini tepat dibawah kode </head>

<style type='text/css'>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>

Kode diatas itu berlaku untuk gambar diluar postingan.
Tapi jika anda mau efek ini berlaku untuk gambar di dalam postingan gunakan kode dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
</b:if>
Lalu simpan template.
Dan lihat hasilnya!!!

Sekin dulu dari PREL-BLOG.
Kurang lebihnya saya minta ma’af.
Semoga itu tadi bermanfaat&jangan lupa sering berkunjung.

Posted in: TIPS MEMPERCANTIK BLOG