Increase Your Text Size with single click [Widget for blogger]

Want to make your blog/user friendly ?
Want to show your text in different Text sizes ?
Want to show off to your visitors that u are a professional ?

View Examples Of both two styles :
. Click on the + sign to see the changes.

Change Text Size

+ + + + +

Or

Change Text Size
Click on the below text to see the changes.

Small
Medium
Large
Larger
Largest

Change Text Size<br/>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;"> </span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;"> </span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;"> </span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;"> </span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;"> </span></a>

Or to use the second one, use this code:

Change Text Size<br/>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;">Small</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">Medium</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">Large</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">Larger</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">Largest</span></a>

Copy any of the above code and follow the steps given below:

1.Click On add  new gadget In page Layout.
2.Choose Html/javascript.
3.Paste Any of the above code in the popup window.
4.Click save And view your blog for the gadget.