CANIAGO-ELECTRONICS: Cara Membuat Page Peel Effect Untuk Blogger Dengan JQuery

Kamis, 21 Oktober 2010

Cara Membuat Page Peel Effect Untuk Blogger Dengan JQuery

Salam sobat blogger. Pada postingan kali ini saya ingin berbagi lagi cara membuat page peel effect untuk template blogger. Apa yang dimaksud dengan page peel effect? Sobat pernah mengunjungi suatu blog dan ketika krusor atau pointer menunjuk kesudut kanan atas blog, tiba-tiba halaman tersebut terlipat? Seperti contoh image berikut:

Sebelum tersentuh pointer:

image

Ketika tersentuh pointer sudut halaman blog terlipat seperti image berikut

image

Nah berikut cara membuat page pell effect pada template blogger:

Seperti biasa tentu dalam keadaan sign in pada account blogger sobat pada dasbor => Klik Tata letak=> Edit HTML=> Copy seluruh kode dari sini kemudian letakkan sebelum kode </head>

Sekarang tambahkan kode berikut setelah <body>

<div id='pageflip'>
<a href='http://feeds.feedburner.com/Indahnya-Berbagi'><img alt='' src=http://sites.google.com/site/amatullah83/gambar-untuk-tutorialku/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

Selesai jangan lupa simpan template ya!

View Demo

Thanks to CSSRefleks.Com