Slide Out Navigation Menu Jquery 2

Tutorial kali ini sama dengan tutorial sebelumnya tentang "Slide Out Navigasi Menu Floating Jquery Di Atas Halaman Blog", hanya saja perbedaannya adalah kita akan mencoba memasangnya disamping halaman blog. Silahkan lihat preview dan demonya dibawah ini.

Langkah-langkah membuatnya :
1. Seperti biasa login terlebih dahulu ke akun blog anda
2. Klik Rancangan > Elemen Laman > Edit HTML
3. Download Template Lengkap terlebih dahulu

Tips Membuat Image Rotator Show-Hide Dengan JQuery

Image rotator show-hide adalah sebuah widget yang berfungsi untuk menampilkan satu per satu image dan image lainnya akan di tampilkan secara bergantian. Apabila sobat suka memasang banyak banner atau gambar di blog, widget ini mungkin pantas untuk di pertimbangkan. Sobat juga bisa memasukkan link atau url dalam gambar tersebut.

Untuk lebih jelasnya silahkan lihat preview demonya disini

Apabila anda tertarik berikut langkah-langkahnya :
1. Login ke akun blogger anda

Slide Out Navigasi Menu Floating Jquery Di Atas Halaman Blog

Sebenarnya saya bingung mau beri judul apa, untuk sementara kita gunakan saja judul diatas biar sedikit lebih mudah dipahami hehehe. Widget ini bisa dibilang menarik karena ketika kita arahkan mouse ke salah satu menu navigasi, maka akan terlihat efek slide dan gambar yang disembunyikan. Biar lebih jelasnya silahkan anda lihat screenshotnya pada gambar dibawah ini.

Membuat Widget Slick Tab Show-Hide Dengan JQuery

Hai sobat blogger, kita berjumpa kembali.  Nich saya ada satu lagi tips membuat widget slick tab show-hide menggunakan jquery. Widget ini sangat menarik, karena saat kita mengklik salah satu judul tab maka akan tampil isi konten dari judul tab yang kita klik, plus efek slide down dan slide up serta dapat berguna untuk menghemat ruangan dalam blog kita. Dari pada linglung dan bingung silahkan anda lihat screenshotnya pada gambar di bawah ini. Untuk demo-nya, silahkan anda klik disini.

Bila anda tertarik berikut cara membuatnya

Tips Membuat Efek Kedipan Warna Accordion - jQuery

Wah sudah lama rasanya saya tidak memposting tentang jQuery karena itu pada postingan kali ini saya ingin membagi tips cara membuat menu dengan efek kedipan warna menggunakan jQuery. Apabila anda penasaran silahkan lihat demonya disini.

Untuk cara membuatnya :

Membuat zFMenu dengan Jquery

zFPmenu – Fixed-Position Custom Menu and Navigation/Share Widget, adalah sebuah widget 'melayang' yang bisa diisi dengan berbagai menu berisi link-link sesuai keinginan.

Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, dan juga tombol share Twitter dan Facebook (Apabila diinginkan). Silahkan lihat preview screen shootnya di bawah ini.

Efek Image Zoom Jquery

Posting kali ini saya ingin membagi tips membuat gambar membesar menggunakan efek image zoom jquery. Efek ini akan bekerja apabila pengunjung mengklik mouse kanan ataupun kiri suatu gambar yang terdapat di halaman blog kita. Sedangkan untuk mengembalikan gambar ke kondisi semula cukup dengan menekan tombol (X) atau ESC. Efek ini bekerja pada semua gambar (image) yang ada di halaman blog. Berikut screenshootnya.

Sebelum diklik

Rescent Post Dengan Efek Slide Jquery

Sesuai janji saya mengenai jquery. Berikut saya ingin berbagi tips membuat rescent post (artikel terbaru) menggunakan efek slide jquery.

Berikut langkah-langkahnya.
1. Login ke blog anda
2. Klik Rancangan > Elemen Laman > Tambah Gadget > pilih HTML/JavaScript
3. Kemudian copas kode Javascript dan jquery dibawah ini

Jquery

Hai sobat apa kabar? Sebelumnya ane minta maaf kalo sudah lama tidak posting di karenakan sedang menghadapi UAS. So, harap maklum ya...? (Namanya juga anak kuliahan.hehehe). Dan satu lagi ane baru belajar Jquery, contohnya bisa sobat-sobat lihat pada menu navigasi Home di blog ini yang menggunakan Jquery efek Kwick dan Pada Halaman sidebar disamping yang menggunakan efek Jquery Accordion. Oy selagi kita ngomongin tentang Jquery, yuk kita bahas sedikit apa itu Jquery.. :)