Fluid Text Resizer: Adjust Font Size in Blog Posts

<div id='mbt-text-resizer-container'>
<div class='controlstyle' id='sizecontroldiv'>
<font style='color:#666; font-weight:bold;'>Adjust the font size:</font>  <a class='mbt-text-resizer' href='#smaller'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcyYDA9c6CzeBFTGN1r3uDol2L5EDjRu2VQAb1Mia8V_47zIAQxTdU4z0EvvrSESYgsnxXBoUE1-RbMFWfVT0eqgUgI6PVlwsPoBxS2VkkWr_yavvH4KqtQBI8cN5GH_w_brYqrKAbHZM/s400/oranged.png'/>&#160;</a>  <a class='mbt-text-resizer' href='#bigger'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ufVrQ4W-0QNtz8HExnu1z0R5pucUEWjBUOi-OA8GLlU2TEl0A0xMhB7YFDJZ8D70QDcam-O0MIPdU5bzyZ4bnQAn9nMfcs3JeBq75M-uDnHvwKw4W4VTOIp-ZBgJBIdWP7WuKuTLKrA/s400/orangei.png'/>&#160;&#160;</a><a class='mbt-text-resizer' href='javascript:mytextsizer.setFontLevel(0)' rel='nofollow'>Reset &#8597;</a>
</div>
</div>

</b:if>

You can change the text being displayed if you wish.

     8.      Save your template and you are all done!

Visit any of your post to see it appearing just below the post title. I have turned off the widget display on homepage. If you want the widget to be displayed on homepage too then simply delete the purple lines from the code in step#7.

Need help?

Do let me know if you wish to change anything. I will publish more color variations and styles of this gadget today so stay tune. Feel free to ask anything which is still un clear for you. Peace buddies! :>

Source: http://www.mybloggertricks.com/2011/10/fluid-text-resizer-adjust-font-size-in.html