Featured Images Slideshow+Slider to Blogger/Websites

This article explains how to add very beautiful featured images slideshow+slider to your blogger blog or any other website.This is easy to setup and no need to host any external javascript files.You can see a demo for this widget here.

Now if you want to add this beautiful widget to your site follow the steps below:



1.Login to your dashboard--> layout- -> Edit HTML

2.Scroll down to till you see tag.

3.Now copy and paste below code just before the tag.

Note : You can change width,height,... as you like.

4.Now save your template.

5.Go to Layout-->Page Elements and click on "Add a gadget".

6.Select "html/java script" and add the code given below and click save.

IMAGE-1-LINK') center left no-repeat" class="contentdiv">


IMAGE-2-LINK') center left no-repeat" class="contentdiv">


IMAGE-3-LINK') center left no-repeat" class="contentdiv">


IMAGE-4-LINK') center left no-repeat" class="contentdiv">


IMAGE-5-LINK') center left no-repeat" class="contentdiv">






IMAGE-1-THUMBNAIL-LINK"/>

IMAGE-2-THUMBNAIL-LINK"/>

IMAGE-3-THUMBNAIL-LINK"/>

IMAGE-4-THUMBNAIL-LINK"/>

IMAGE-5-THUMBNAIL-LINK"/>

Note : Replace IMAGE-X-LINKs and IMAGE-X-THUMBNAIL-LINKs with your image links.

Now you are done.Look at the,

DEMO of Featured Images Slideshow+Slider

JQuery MouseOver Social Bookmark Icons For Bloggers

This is a beautiful jquery social bookmark widget for your blogspot blog.To add this widget to your blog follow the steps below:

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see tag .

4.Copy below code and paste it just before the tag .

Normal View:


On MouseOver:

5.Now again scroll down to where you see this:

6.Copy below code and paste it immediately after the line .

Delicious
Twitter
Facebook
Digg
Stumbleupon
Technorati
RSS

Note : Host above images yourself.

7.Click on "Save Templates" and now you are done.