Membuat Efef Menggulung Seperti Kertas pada Blog

Unknown

Jika sobat berkunjung ke blog saya, maka sobat akan melihat dipojok sebelah kanan blog saya terlihat menggulung ketika pointer sobat diarahkan pada pojok blog saya ini.
Nah bagi sobat yang mau dengan effek tersebut. yok... ikuti caranya berikut ini :

Seperti biasa kamu harus login terlebih dahulu
Masuk ke menu Rancangan -->Edit HTML
Beri centang pada Expand Template Widget

Selanjutnya cari kode <b:skin><![CDATA[ kemudian copy script dibawah ini dan letakan diatasnya:

Copas Scriptnya

<script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js

' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function(){

$("#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 cari kode ]]></b:skin> , dan copas scrip dibawah dan letakan diatasnya :

Copas Scriptnya

#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBep9ajDlqPfDHqWACryrxKb4lS3Y_Q3_Wi2EL1heQDJZhHKaK8r1QLxgsTu7_zWXNOaAzZ2VcIqIkcKLR6CEIza9nu-2FJeqmCFehuRjl2_5kL1OXDgndyvbi8TfgFeAgldhJvOiXK4xL/) no-repeat right top;
text-indent: -9999px;
}
Link yang berwarna merah adalah Url gambar backgroungnya, bisa diganti dengan url yang sobat mau
Langkah terakhir cari kode <body> selanjutnya copy lagi kode dibawah dan letakan dibawahnya :

Copas Scriptnya

<div id='pageflip'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=masterendi' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTLkacwkO0R0VpsnLJVxYoOZyedoQQQ-ANx2dMfhIzGC88h0AdNXoH9oZUKPhKte7Qd0Xyf4doAlX-SolWvsb12kCb6mndaJ4IdO5fDkGY9hZvIE6UMPlivz3GCIyQ3zBsMcm4JyJrIcc/'/>
<span class='msg_block'/>
</a>
</div>
Ganti Url warna hijau dengan Url yang sobat mau misalnya alamat beranda blog atau yang lainnya.
Dan langkah paling akhir adalah save template kamu
Lihat perubahannya

N-Tech 11

Membuat Efef Menggulung Seperti Kertas pada Blog

0 Komentar

Pengumuman