Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Centang Expand Template Widget
Masukkan lode berikut di atas kode </head>
<style type='text/css'>
img{behavior:url(iepngfix.htc)}
#pageflip{position:relative; right:0; top:0; float:right}
#pageflip img{width:50px; height:52px; z-index:99; position:absolute; right:0; top:0; -ms-interpolation-mode:bicubic}
#pageflip .msg_block{width:50px; height:50px; overflow:hidden; position:absolute; right:0; top:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJe6qvv80ufPh0ocEFWMXu9utqUsYrLU_uCrFrx5K6aEzEhyO8kMuHTLFtWVJWiWxgVEW3OfcsQipYd_9XZ7Tm0p1UkSaGFt-I6veugUi1meHXDhqaGo6sfb5zUmWjqx-k-JnwQMpLsw4s/s320/Newspaper-Feed-icon.png) no-repeat right top}
</style>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script>
Selanjutnya masukkan kode berikut di bawah kode <body>
<div id='pageflip'>
<a href='http://feeds2.feedburner.com/blogonol' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEils3E9CN1LA7FsUTv_nARwtTsO_wg0Du9gccaCSCVTEMWmiN9c68khJVUeLcCUxaqq59M_P_0d1I2vtHPQDhMruZOTT8gzvTIP9C1T6pOLKVbzoQl-_dQW268AhRaMfzyhFbcdBLxww6gN/s320/peel-image.png'/></a>
<div class='msg_block'/>
</div>
- Alamat gambar pada kode merah adalah alamat gambar subscribe logo. Silahkan gantikode merah degan alamat gambar facebook atau twitter anda
- Ganti juga kode biru dengan alamat facebook atau twitter anda
Selamat mencoba dan sukses selalu
"keep spirits and do the best"
