Cara Membuat Halaman Blog Melipat

Cara Membuat Halaman Blog Melipat
Cara membuat halaman blog melipat.Membuat efek Page Peel atau membuat halaman blog melipat saat mouse blog sobat diarahkan ke ujung kanan atas blog atau website dan ujung blog tersebut akan melengkung seperti kertas adalah salah satu trik blog yang banyak di suka oleh sebagian blogger karena kelihatan menarik dan bisa membuat perhatian para pengunjung blog.

Efek ini seringkali digunakan untuk menarik perhatian para pengunjung blog untuk mengklik gambar iklan atau pun E-Mail berlangganan dibalik lengkungan kertas halaman blog tersebut.
Nah bagi yang tertarik membuat halaman blog melipat pada ujungnya,pada tutorial blog kali ini,saya akan berbagi catatan tentang Cara membuat halaman blog melipat.

Langsung saja inilah trik Cara membuat halaman blog melipat pada ujungnya:

1. Login ke akun blog Anda
2. Masuk ke tata letak dan klik edit HTML
3. Centang pada Expand Template Widget
4. Cari kode ini:  <b:skin><![CDATA[
Dan letakkan kode berikut di atasnya:

<script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.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>

5.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(http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png) no-repeat right top;
text-indent: -9999px;
}
6. Cari kode <body>
Dan letakkan kode berikut di bawahnya:

<div id='pageflip'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=catatandarmanto' target='_blank'>
<img alt='' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png'/>
<span class='msg_block'/>
</a>
</div>
Kode yang berwarna merah bisa sobat ganti dengan link apa saja,Saran saya Link RSS atau link berlangganan.

7.Kemudian simpan template sobat

Untuk URL yang berwarna biru adalah url gambar yang muncul, sobat bisa mengganti dengan URL gambar sesuai yang sobat inginkan

Demikianlah sobat tutorial blog kali ini tentang Cara membuat halaman blog melipat,silahkan dicoba bagi yang ingin membuat efek pojok blog melipat.

Contact

About us

Darmanto.com merupakan web bagian dari situs resmi grup usaha CV. Studio Web, sebuah perusahaan layanan jasa desain website, jasa SEO, Google adwords, Facebook ads, maintenance web dan jasa lain yang terkait website.

Alamat:

Desa Cibuyur Rt. 036/05, Warungpring, Pemalang, Jawa Tengah

Jam Kerja:

Senin- Sabtu, 08.00 to 17.00 WIB

Call Center,Telpon/SMS/WA:

0817 0133 458 BBM: 5B5A6B61