Cara Mudah Membuat Page Peel Effect Untuk Blogger Dengan JQuery

Yup,hanya untuk yang 'belum tahu' tutorial ini kami publikasikan,adalah membuat ujung bagian kanan atas dari blog tersebut seolah menggulung dan terbuka (bahasa jawanya 'ngletek' mentang2 orang jawa pen-) saat mouse diletakkan diatasnya.Jadi bisa sobat lihat sekali lagi dari blog milik sahabat saya tersebut dan coba letakkan mouse berada diatasnya,maka nanti akan ada efek menggulung alias nglotok seolah blog tersebut memiliki dua kulit (emang kambing mas pen-).

Para programmer menamakan sebagai 'Page Peel',seperti pada tutorial-tutorial beberapa waktu lalu,menggunakan jQuery untuk blogger masih banyak diminati,sekedar flasback teknik jQuery pernah kami gunakan dalam membuat menu jQuery,membuat slideshow jQuery,membuat TabView jQuery dan popup jQuery dan masih banyak lagi yang sobat bisa lihat di Tutorial jQuery.
Nah,bagaiaman jika jQuery dikombinasikan dalam membuat PagePeel ini?
Saya kira dari gambaran yang ga pernah jelas seperti diatas sudah dapat sobat bayangkan tutorial apa yang ingin disampaikan kali ini.

Untuk lebih jelasnya bagaimana membuat efect melipat dari ujung blog dari blogger ini,sobat bisa lihat gambar berikut,(plototin ya gan :p)
Oke,caranya adalah pertama kali sobat pilih Tata Letak  lalu pilih tab Edit HTML
Sesuaikan saja dengan tampilan blog milik sobat (mengingat blogger sekarang memiliki new interface pen-),setelah dari langkah gb2,cari kode ini (Gunakan Ctrl+F) dan letakkan kode dibawah ini tepat dibawah kode tersebut.





Simpan dan sobat bisa lihat hasilnya :D
Untuk costomnya sobat utak-atik sendiri ya,terutama yang bercetak tebal pada kode diatas,sedangkan kode jQuerynya sobat bisa download di sini.Semoga artikel Cara Membuat Sudut Halaman Blog Terlipat dan Menggulung (Page Peel jQuery) ini bermanfaat bagi teman-teman disamping saya sendiri juga dari hasil copas sana sini,hihihihihi..keep post guys!
source : sumber terpercaya
Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments :

Post a Comment

Thanks for Ur Comment