Monday, June 25, 2012

Cara Membuat Halaman Ujung Sudut Blog Melipat

Cara Membuat Halaman Blog Melipat - Page Peel adalah efek ujung kanan atas blog yang melengkung seperti kertas ketika mouse kursor mouse berada tepat diatasnya maka akan kelipat kebawah. Efek ini seringkali digunakan untuk menarik perhatian para pengunjung blog untuk mengklik E-Mail berlangganan atau iklan dibalik lekungan kertas halaman blognya.

Cara Membuat Page Peel diBlogspot / Cara membuat halaman blog melipat. sebagai berikut
1. Login ke akun blog Anda
2. Masuk ke tata letak dan klik edit HTML
3. Centang pada Expand Template Widget
4. Cari kode di bawah ini: untuk lebih mudah tekan CTRL+F

<b:skin><![CDATA[

5. Copy kode dibawah ini lalu letakan diatas kode tadi

<script src='http://dedehendriono.googlepages.com/jquery-latest.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. Kemudian Cari kode dibawah ini

]]></b:skin>

7. Letakan kode dibawah ini tepat diatas kode tadi

#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(http://dedehendriono.googlepages.com/subscribe.png) no-repeat right top;
text-indent: -9999px;
}

8. Kemudian Cari kode dibawah ini

<body>

9. Letakan kode dibawah ini tepat dibawah kode tadi

<div id='pageflip'>
<a href='http://chilzaceh.blogspot.com/' target='_blank'>
<img alt='' src='http://dedehendriono.googlepages.com/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>

Keterangan : Yang berwarna Biru adalah ganti dengan Url blog anda. yang bertujuan untuk mengarahkan pengunjung Anda.
Itulah Cara Membuat Halaman Blog Melipat / Page Feel Semoga bermanfaat

Unknown