Berikut tutorialnya dan ikuti langkah-langkahnya..
/** Untuk mencari code pada monitor anda tekan Ctrl + F
1. Buka blog kamu klik rancangan -> edit HTML cari kode berikut
]]></b:skin>
2. copy code berikut dan letakkan sebelum ]]></b:skin>
#easy_zoom{
width:600px;
height:400px;
border:5px solid #eee;
background:#fff;
color:#333;
position:fixed;
top:35px;
-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;
}
width:600px;
height:400px;
border:5px solid #eee;
background:#fff;
color:#333;
position:fixed;
top:35px;
left:50%;
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;
}
3. cari kode
<head>
4. Letakkan code berikut di bawah <head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/easyzoom.js' type='text/javascript'/>
<script type='text/javascript'>
$().ready(function() {
$('a.zoom').each(function(i) {
$(this).easyZoom();
});
});
</script>
<script src='http://suyb.googlecode.com/files/easyzoom.js' type='text/javascript'/>
<script type='text/javascript'>
$().ready(function() {
$('a.zoom').each(function(i) {
$(this).easyZoom();
});
});
</script>
5. Yang terakhir code pada HTML atau di dalam <body>
<div class="separator" style="clear: both; text-align: center;">
<a class="zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbxZP30hW4jKGnr7OV4DqLUnnEgVdCkMU9PDSlBDPM2fEOdYlOcATGieneH4XXJ8ADKaeyh4Xksmk03U9sFyW2J414uQhTr7uAToLsKMAI1y9yE5fqA4yEnhHDiIuOGvBEzQE3fuwN_6w-/s1600/large.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbxZP30hW4jKGnr7OV4DqLUnnEgVdCkMU9PDSlBDPM2fEOdYlOcATGieneH4XXJ8ADKaeyh4Xksmk03U9sFyW2J414uQhTr7uAToLsKMAI1y9yE5fqA4yEnhHDiIuOGvBEzQE3fuwN_6w-/s320/large.jpg" width="320" /></a></div>pada tulisan yang berwarna merah merupakan link gambar dan anda dapat mengubahnya dengan gambar yang anda inginkan.
6. Klik terbitkan entri.
Categories:
blog
