Trik blogger kali ini share tentang cara membuat halaman blog melipat,dan uniknya bila kursor mouse berada dipojok halaman maka halaman tersebut akan melipat seperti contoh pada blog ini.Pada Lipatan halaman ini bisa dipasang RSS FEED atau apa saja yang sobat ingin pasang di dalam lipatan ini.
Untuk membuat halaman blog seperti ini caranya sangat mudah, sobat penasaran mau membuatnya?
Mari ikuti langkah2 berikut:
1. Login ke blogger >> Design >> Edit HTML >> Expand widget template
2. Cari kode <b:skin><![CDATA[
Dan letakkan kode berikut di atasnya:
<script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js3. Lalu cari lagi kode ]]></b:skin>
' 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>
Dan letakkan kode berikut tepat di atasnya:
#pageflip {4. Cari kode <body>
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/AVvXsEjAIilFrtgOozqlq9V_HyY77ZfFLy0dFTjm6BlwPhS-xpobCzzh9jbydfw1aolqXtPtjhTBwn9vZH3e-u-ckt_7jpFiYNWHZB-tlM-zQ4gUazPrEbwoKEoNXuuqUzrIdyOpHpHgLjsm-K7s/) no-repeat right top;
text-indent: -9999px;
}
Dan letakkan kode berikut di bawahnya:
<div id='pageflip'>Catatan ganti kode yang berwarna merah dengan Link yang anda inginkan. Saran saya Link RSS atau
<a href='http://feedburner.google.com/fb/a/mailverify?uri=TrikBlogger' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcUA9bBKF72oss9CDtUVTGz2ty4Iydy9rhlOqdWROfD6EAOPcQgfm_qorzN1A5fXbNPzyI762fWcpMM512CE_cjm4MD1HmYjadnENSbL8tJUIfeLbmLItq-FyuL-3mORDVfU8ppf5PZLet/'/>
<span class='msg_block'/>
</a>
</div>
link berlangganan
5. Kemudian simpan template sobat
Untuk mengganti gambar background URL yang berwarna merah, sobat bisa mengganti dengan URL gambar yang sobat inginkan
Selesai sudah cara membuat halaman blog melipat dan lihat hasilnya bagaimana....baguskan?
Selamat mencoba
Sumber dari http://t4belajarblogger.blogspot.com
Diposkan Oleh : Adam Aprianto ~ Just Share!
Adam ApriantoFu*k For Plagiative..
--> Thank's for Visit My Blog, Don't forget to Comment this Articel,And Don't Forget To Follow Me
Follow @AdamAprianto on
Add Adam Aprianto on
Belum ada komentar untuk "Cara membuat pojok atas halaman melipat"
Berikan Tanggapan mengenai Artikel Di Atas :