Rendy Note

<span style="font-size: medium;">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.</span> <span style="font-size: medium;">
Untuk membuat halaman blog seperti ini caranya sangat mudah, sobat penasaran mau membuatnya?

Mari ikuti langkah2 berikut:</span> <span style="font-size: medium;">

1. &nbsp;&nbsp;&nbsp; Login ke blogger &gt;&gt; Design &gt;&gt; Edit HTML &gt;&gt; Expand widget template</span> <span style="font-size: medium;">

2. &nbsp;&nbsp;&nbsp; Cari kode &lt;b:skin&gt;&lt;![CDATA[ </span> <span style="font-size: medium;">

Dan letakkan kode berikut di atasnya:</span> <span style="font-size: medium;">
</span>

<blockquote>
<span style="font-size: medium;">&lt;script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js
' type='text/javascript'/&gt;
&lt;script type='text/javascript'&gt;
$(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);
});
});
&lt;/script&gt;</span></blockquote>
<span style="font-size: medium;">3. &nbsp;&nbsp;&nbsp; Lalu cari lagi kode ]]&gt;&lt;/b:skin&gt;

Dan letakkan kode berikut tepat di atasnya:</span> <span style="font-size: medium;">
</span>
<blockquote>
<span style="font-size: medium;">#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(<span style="color: red;">URL GAMBAR</span>) no-repeat right top;
text-indent: -9999px;
}</span></blockquote>
<span style="font-size: medium;">4.&nbsp;&nbsp;&nbsp; &nbsp;Cari kode &lt;body&gt;

Dan letakkan kode berikut di bawahnya:</span> <span style="font-size: medium;">
</span>
<blockquote>
<span style="font-size: medium;">&lt;div id='pageflip'&gt;
&lt;a href='<span style="color: red;">URL TUJUAN</span>' target='_blank'&gt;
&lt;img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguWXKiR5gXB2rq3v6BGkrGFpDk0gs3YeKs0L3a-8IY3YheBYhz2yd4pS4w0JRBrYrzey20kgQck5LF8z0wYhn6695xLMztPf9QwpCE8Zlugx6Tp0IPYFR4docKWTNvxskJm8w9iNptWTZ8/'/&gt;
&lt;span class='msg_block'/&gt;
&lt;/a&gt;
&lt;/div&gt;</span></blockquote>
<span style="font-size: medium;">Catatan ganti kode yang berwarna <span style="color: red;">merah</span> dengan Link yang anda inginkan. Saran saya Link RSS atau
link berlangganan

5. &nbsp;&nbsp;&nbsp; Kemudian simpan template sobat</span> <span style="font-size: medium;">

Untuk mengganti gambar background URL yang berwarna </span> <span style="font-size: medium;"><span style="color: red;">merah</span>, sobat bisa mengganti dengan URL gambar yang sobat inginkan

Selesai sudah cara membuat halaman blog melipat dan lihat hasilnya bagaimana....baguskan?</span> <span style="font-size: medium;">
Selamat mencoba</span>
<span style="font-size: medium;">&nbsp;credit&nbsp;</span>
<span style="font-size: medium;"><a href="http://cheatermaninjau.blogspot.com/" target="_blank">XkresssX Technology</a>&nbsp;</span>
<span style="font-size: medium;"><a href="http://cyberfrogteam.blogspot.com/" target="_blank">CyberFrog Team </a></span>
<!--more--><!--more-->