Posts

Showing posts with the label jquery

how to add ajax page loading effect to blogger

Image
how about giving a shocking effect to your visitors.Here’s a example to make your web page content display a ajax page loading effect to blogger.You can see the effect in action on my pages and here is one . another blogger example

how to add shutter effect photo slider to blogger

Shutter Effect Portfolio with jQuery and Canvas  a wonderful and awesome tutorial from tutorialzine.i have replicated that tutorial to add that slider to blogger.you can see a working demo on blogger here  http://jquerydem0.blogspot.com/2011/03/shutter-effect.html .

New way of login authentication using jquery and php

Image
In this tutorial i am going to show a new way of login authentication using jquery and php.These tutorial can be considered as an example of ajax. The Idea For login authentication we basically need 2 fields ,one is either email or username and the second password . In order to get into your dashboard we have to click the login button.Here what i am going to do is disable the login button until the user provides both username and password correctly ,if so they provide the fields correctly the login button will be visible for clicking.

How to add zoomy.js to blogger

Zoomy.js is a Prototype class that allows you to easily create image gallery: the script make simple magnification of images with customizable options, as popup and overlaying boxes.Zoomy is an alternative to lightbox. Today i am to teach how to implement zoomy.js script to blogspot users to create a zoomy effect to theirs images in posts. Demo in blogger

How to create a Splash screen in blogger using jquery

Have anyone  noticed the  splash screen when you visited the apple website yes you should. By this inspiration Martin Angelov of tutorialzine created a tutorial on how to make a  Apple-style splash screens  using the jquery. So i decided to create a Splash Screen in blogger using the above procedure.Its awesome to have a Splash screen in blogger and follow the below instructions to integrate .to blogger.

How to add jquery Rotating Image Slideshow to blogger

Rotating Image Slideshow  is created by Martin Angelov coded with css3 and jquery.Thanks for the great tutorial and i have used the code and converted it to be used for blogger.On  how the code works look the above link.Here is the Demo Rotating Image Slideshow in blogger .

How to add Scrolling background to blogger using jquery

Previously i have done a tutorial on how to animate the header of the blogger  using spritely a javascript animation plugin for jquery. theirs even a template with the animation effect where you could download it   Spritely template  for blogger.Today i am going to use spritely javascript animation image effect with jquery to scroll the background.Scrolling background makes your visitors feel different while visiting your site.So lets start on how to add a Scrolling background to background using spritely.

Image reflection Effect using jquery

Image
Adding reflection to images using jquery is pretty simple using the reflection.js from digitalia . previously in order to create a image reflection effect to images we have to use Photoshop or other editing software to do the trick.This reflection.js adds a reflection to the images onload of the site so prevent the using of photo editing softwares. Reflection.js is a JavaScript image effect utility available in both jQuery and MooTools.Reflection.js creates a CANVAS element and constructs the reflection within the canvas to the images. Demo

Add horizontal twitter ticker widget to blogger

Image
I Did a post on twitter ticker widget for blogger  which is a vertical scrollable widget adapted from the of  tutorialzine .Now i have modified the code and made it into a horizontal twitter ticker with fade effect using jquery.You can See a demo  on blogger.I will teach the working and functioning of the code. Download the required the files.

Stacked Social sharing buttons with jstackmenu

Image
Jstackmenu is a jquery plugin providing a feature to stack the items into a menu.Its a very cool plugin to make a stack menu.So implementing the stacked effect to social buttons and adding them to your blogger or website

jQuery plugin -Recent,Related Posts widget for Google Blogger

Blogger is been changing day by day including more features.Most of the widgets are produced by blogger itself but still they didn't provided a feature for recent post and related post widget,you could find recent post gadget in search which are coded by other users.how about a cool looking recent and related post widget with animation using jquery plugin.

Animating your blogger blog with spritely a jquery plugin

Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It's a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds. You could have a look at their website for Demo and some more sites using Spritely in their Gallery .