Cara Membuat Efek Zoom Out Gambar Keren Di Blogspot
* Buka blog mu
* Klik template
* Edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode </head>
Ganti warna merah dengan url gambarnya
### GOOD LUCK ###
* Buka blog mu
* Klik template
* Edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode ]]></b:skin>
#easy_zoom{
width:420px;
height:250px;
border:5px solid #eee;
background:#fff;
color:#333;
position:fixed;
top:35px;
left:62%;
overflow:hidden;
-moz-box-shadow:0 0 10px #555;
-webkit-box-shadow:0 0 10px #555;
box-shadow:0 0 10px #555;
/* vertical and horizontal alignment used for preloader text */
line-height:400px;
text-align:center;
}
* Kemudian cari kode </head>* Copy kode di bawah dan letakkan diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://wierdwalker.googlecode.com/files/easyzoom.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(function($){
$('a.zoom').easyZoom();
});
</script>
* Trus copy kode di bawah dan letakkan ke dalam HTML<div class="separator" style="clear: both; text-align: center;"> <a class="zoom" href="http://lh4.googleusercontent.com/-fQQLW7SjjdA/AAAAAAAAAAI/AAAAAAAAAbs/a8JE6ply_YY/s512-c/photo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" height="200" src="http://lh4.googleusercontent.com/-fQQLW7SjjdA/AAAAAAAAAAI/AAAAAAAAAbs/a8JE6ply_YY/s512-c/photo.jpg" width="320" /></a></div>CATATAN
Ganti warna merah dengan url gambarnya
### GOOD LUCK ###
Baca Juga Artikel Terkait Lainnya