Posts RSS dengan PageFlip By Blogger Note

Pada Tutorial sebelumnya saya sudah menerangkan Cara Membuat Ads Pop Up Dengan JQuery, akan tetapi pada tutorial hari ini saya akan share tentang Modifikasi Blog, yaitu tidak lain lagi adalah Posts RSS dengan PageFlip,Trik ini biasanya digunakan untuk menghemat tempat karena kita bisa menyisipkan Posts Rss, diheader kita,dengan begitu kita bisa menghemat tempat + mempercantik blog, jadi kesimpulannya jika sobat menggunakan trik ini sobat juga mendapat keuntungan yang berganda, untuk demonya sobat bisa klik disini, bagaimana menurut sobat indah bukan, bagaimana jika hal itu terjadi pada blog sobat?, yang pasti akan terlihat indah di pandang, ok langsung saja tutorialnya dibawah ini.

Login ke blogger >> Tata Letak >> Edit HTML >> Expand widget template
Cari kode <b:skin><![CDATA[
dan letakkan kode berikut di atasnya:

<script src='http://yourjavascript.com/100718417/lipatan_header.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>

Lalu cari lagi kode ]]></b:skin>
Dan letakkan kode berikut tepat di atasnya:

#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/AVvXsEjcsdPhni9Xm649I4og06IiFfpenVN8jafyY_Y85THQmaYWj05pY-rb7NKb-SZ2xZLnUgNb3-pUBmqgtG0UrQtypLJplFAqvrxYmUSaFsP_cGBynhjT7B9R0SHPetE_8k4I6xkit0cop0gk/) no-repeat right top;
text-indent: -9999px;
}

Cari kode <body>
Dan lettakkan kode berikut di bawahnya:

<div id='pageflip'>
<a href='http://feeds.feedburner.com/MusaKhairulUmam' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaTzmoaT6ptbR-pn18htKv-2Wz1zEHDDFwbPS5fLib4TD3jlMbDkJpmtfL8VASOvUEWWlAtMQCXCqBRhaZUC-BMX5GouBaJrBv6sYKrjW-4u16T4ja9KJig0KhobJztUpyieJP3yc7ONui/'/>
<span class='msg_block'/>
</a>
</div>