Cara membuat efek lipatan pada blog atau Efek Flip pada blog cukup mudah anda tinggal menambahkan sedikit jquery dan css dan tentunya HTML juga Efek Lipatan atau Efek flip ini biasanya paling sering di gunakan untuk menargetkan subscribe atau jika seseorang mengklik link yang ada di dalam Efek Lipatan atau Efek flip itu maka orang itu akan di bawa ke halaman langganan, agar orang itu mengetahui update artikel di blog kita.
1. Masuk di blog anda
2. Klik Rancangan / Template
3. Klik Edit HTML
4. Cari kode
</head>5. Letakan kode di bawah ini di atas kode
</head><script src='http://sites.google.com/site/zyztem33/jquery/efek-lipat.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>6. Sedikit bergeser ke atas anda cari kode seperti ini
]]></b:skin> setelah ketemu simpan kode di bawah ini di atas kode ]]></b:skin>#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/AVvXsEg6oa_HR5J9XZ6pQp7NL8P-3LcpWKLiBl2aE18jKzPVZYCHacpNsluGgkWM8WN-McvdRH4XQFGAbiiFbDJnPUqeVRx2V3JabYbVzKjc-RkCa9ZDmLBW4u1oGt-T4-FSWqG9wT4fzl1458E/s1600/rss.jpg) no-repeat right top;
text-indent: -9999px;
}7. Anda cari lagi kode
<body> setelah ketemu simpan kode di bawah ini di bawah kode <body><div id='pageflip'> <a href='Disini URL blog atau URL apa terserah' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPl8cKv2vylwgRVByOICMzW9EMk8lz-CSnAEcREvzAYdL7ht-fn7ga71H8Z9qhvHHIWBEWT2OSl7EOD3O4nUIesd-L3e7kYREL5kPWXz5fMFyWw6_9qLGyZ7Go8H0AQh-oIYxtGb9ZmjA6/'/> <span class='msg_block'/> </a> </div>
Setelah itu klik Simpan.
