Embed Text Resizing Widget To Increase or Decrease The Font Size

As you know, that some visitors prefer reading in small text size while others prefer larger, depending on their eye power, screen resolution, and monitor distance. So for those visitors, you can place a convenient widget to increase/decrease the font size easily.

Look the example below:

Change Text Size
+ + + + +

Or this one:

Change Text Size
Small
Medium
Large
Larger
Largest

If you want to use any of the abve widgets, use this code:

Change Text Size

javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'">+ javascript:void(0);" onclick="javascript:body.style.fontSize='1em'">+ javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'">+ javascript:void(0);" onclick="javascript:body.style.fontSize='2em'">+ javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'">+

And to use the second one, use this code:

Change Text Size

javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'">Small
javascript:void(0);" onclick="javascript:body.style.fontSize='1em'">Medium
javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'">Large
javascript:void(0);" onclick="javascript:body.style.fontSize='2em'">Larger
javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'">Largest