Tips ini aku dapet dari sahabat blogger o-om.com . buat demo aslinya, kalian bisa liat disini
Udah pada tahu kan page peel?hehe.. Langsung aja ke cara pasangnya.
1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. Copy Paste kode berikut di atas kode <b:skin><![CDATA[
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>3. Copy Paste kode berikut di atas kode ]]></b:skin>
<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>
#pageflip {4. Copy Paste kode berikut di bawah kode <body>
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(http://img222.imageshack.us/img222/9213/subscribe.png) no-repeat right top;
}
<div id='pageflip'>5. Klik Simpan.
<a href='http://feeds2.feedburner.com/namafeedkamu'>
<img alt='' src='http://img224.imageshack.us/img224/8315/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>
Gimana?Gampang kan cara pasangnya?hhe.. buat yang warna merah adalah URL gambar sedangkan yang berwarna biru adalah link Gambar. Kalian bisa ganti sesuai kebutuhan kalian. Selamat mencoba kawan!
1 komentar:
sip bos sukses
Posting Komentar
Silahkan meninggalkan komentar Anda, apabila Anda tidak ingin diketahui identitasnya, Anda bisa memberi komentar sebagai Anonim. komentar yang mengandung SARA tidak akan ditampilkan.