Scrolling/Ticker Recent Post Gadget For Blogger

Displaying a list of the recent posts in your sidebar is a great way to keep your visitors busy. There are lots of recent posts gadgets you can use but the one we will be covering  in this post will definitely grab the attention of people on your blog.

This recent posts widget is similar to the standard recent posts with thumbnails but with one twist. It combines jQuery vticker plugin to produce a simple and sleek sliding effect that smoothly scrolls through the posts. [click to continue reading]

Implementing Z-Index Gallery in Blogger

Z-index Gallery is a combination of CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures. This incorporates simplicity with eye candy to deliver a full fledged experience of viewing piles of pictures as if in hand.

This can be further customized to include features like randomness ,random picture control, slightly random positions each time,Forward & Back Buttons, Preloader Effect,etc. Feel free to change the code to your needs and share it with us.
[click to continue reading]

Implementing Smooth Div Scroll in Blogger

Smooth Div Scroll is a jQuery plugin that scrolls content horizontally. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling.
[click to continue reading]

Implementing jCarousel + Captify in Blogger

This plugin is a combination jQuery jCarousel and jQuery Captify together to create a slick and cool way of showing the thumbnails and captions. Thumbnails can be scrolled with the use of previous and next buttons and when rolling/hovering over any thumbnail, the caption or the title of the thumbnail will slide up.

[click to continue reading]

Hosting your files on Dropbox

Dropbox is a free file hosting service. In this tutorial I will be showing you how to use it host your files ( specially scripts ). Its major plus over other similar services is the capability of Direct links to your files which can be used over the Internet. Some of its other features are :
-10GB/Day Bandwidth
-2GB Storage space (Extendable to 10GB with referring )
-Ability to share folders with other members
-Syncs files automatically (only with Dropbox Software)
-Works with Windows, Mac, Linux, iPad, iPhone, Android and Blackberry

[click to continue reading]

Creating a Chrome Extension for your Blog

In this Post we will be creating a simple Chrome Extension which will give your readers a way to be updated with your Blogs content without actually visiting it. This Extensions will put a small Icon near the Chrome Address bar in your readers browser ,which when clicked will Display the Latest Post on your Blog in a small Popup window. I will be explaining three different versions of this Extension with some minor differences. Firstly check out StylifyYourBlog's Extension to know how it looks

[click to continue reading]

Implementing jquery.popeye in Blogger

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.
Though the script is quick and easy to setup, it offers great flexibility in both behaviour and styling.
jQuery.popeye takes a different approach: not only allows it for browsing all thumbnails as well as the large images in a single image space, it also repects the page flow and stays anchored and rooted in the webpage at all times, thus giving a less disruptive user experience than modal windows.
[click to continue reading]