1.Login to your blogger dashboard–> layout- -> Edit HTML 2.Don’t Click on ” Expand Widget Templates ” 3.Scroll downbound to where you wager ]]></b:skin> tag: 4.Copy beneath cipher and adhesive it meet before the ]]></b:skin> tag. /* resizeFont */ #resizeFont{ text-align:right; margin-right:10px; } 5.Scroll downbound to where you wager </head> tag: 6.Copy beneath cipher and adhesive it meet before the </head> tag. <script src=’ http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js ‘ type=’text/javascript’/> <!– begin ResizeFont –> <script type=’text/javascript’> $(function(){ $('input').click(function(){ var ourText = $('#content-wrapper'); var currFontSize = ourText.css('fontSize'); var finalNum = parseFloat(currFontSize, 10); var stringEnding = currFontSize.slice(-2); if(this.id == 'large') { finalNum *= 1.1; } added if (this.id == 'small'){ finalNum /=1.1; } added if (this.id == 'reset'){ finalNum =13; } ourText.animate({fontSize: finalNum + stringEnding},500); }); }); </script> 7.Now Click on “Save Templates” 8.Now go to Layout–> tender elements and Click on ‘Add a Gadget’
Read more from the example source:
How To Add jQuery Text/Font Size Resizer to blogger