How to Add Simple Tab View Widget | Blogger JQuery Tips

First of see How to add Jquery in Blogger or website

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head>tag .
3.Copy below code and paste it just beforethe </head> tag .

How To Host JQuery in Blogspot

You can see similar post here How to add Jquery in Blogger or website
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see]]></b:skin> tag .
3.Copy below code and paste it just after the ]]></b:skin> tag .

How To Add Beautiful Page Peel Effect | Blogger JQuery Tips

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Don't Click on "Expand Widget Templates"
3.Scroll down to where you see]]></b:skin> tag:
4.Copy below code and paste it just beforethe ]]></b:skin> tag.

How To Create jQuery Content Slider in Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Don't Click on "Expand Widget Templates"
3.Scroll down to where you see]]></b:skin> tag:
4.Copy below code and paste it just beforethe ]]></b:skin> tag.

How To Add jQuery Thumbnail Hover/Zoom Effect | Blogger Tips

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Don't Click on "Expand Widget Templates"
3.Scroll down to where you see]]></b:skin> tag:
4.Copy below code and paste it just beforethe ]]></b:skin> tag.

How To Add jQuery Text/Font Size Resizer | Blogger Tips

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Don't Click on "Expand Widget Templates"
3.Scroll down to where you see]]></b:skin> tag:
4.Copy below code and paste it just beforethe ]]></b:skin> tag.

/* resizeFont
*/
#resizeFont{
text-align:right;
margin-right:10px;
}

How To Add jQuery Tooltips Effect | Blogger Tips

Tooltips are small boxes that appear when you roll over an icon or Link that contains a brief text message identifying the object.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Don't click on "Expand Widget Templates"
3.Scroll down to where you see]]></b:skin> tag:
4.Copy below code and paste it just beforethe ]]></b:skin> tag.

#easyTooltip{
padding:5px 10px;
border:1px solid #EF6D21;
background: #181C18;
color:#E0EFE0;
}

5.Scroll down to where you see </head> tag:
6.Copy below code and paste it just before the </head> tag.

How To Add jQuery Slide Show | Blogger Tips

Many visitors requested me to write an article on how to add Slide Show on Blogger. I have realized the Slide Show is really very cool to enhance the professional look of blog and i have seen slideshow of images, featured articles etc in many website. So I have decide to write post on this. First of all please have a look on how to add JQuery on Blogger, because i have used JQuery to make Slide Show. Lets look how to create SlideShow.

How To Add jQuery 3D Tab View Widget | Blogger Tips

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Don't Click on "Expand Widget Templates"
3.Scroll down to where you see]]></b:skin> tag:
4.Copy below code and paste it just beforethe ]]></b:skin> tag.

How To Create jQuery Draggable Image | Blogger Tips

Welcome to Jquery world in Blogger. In the series of Jquery tips, in this post Draggable Image is explained. You can easily drag the image from one place to another or you can rearrange the images as your preference. Lets look how to add Jquery Draggagle Images on Blogger.

How To Add Beautiful Multi Tab | Blogger Tips

In this post, Adding Multi Tab in Blogger is explained. Normally MultiTab is used in the sidebar to help visitors geting different information on your blog.

1.First of all Login to your dashboard--> layout- -> Edit HTML
2.Scroll down to till you see ]]>tag.
3.Now copy and paste below code justbefore ]]> tag.

You can customize width,height,color etc as your choice.