Text Resizer for Your Blogger Posts texts

Some time it is hard for us to read text from blog and you hate it. Some time, we think that it is also possible for other, who can’t read text from our blog. Want to add feature in your blog to resize your blog text according to your visitors choice. You can check out live demo of Text Resizer on “Text Resizer Demo“. Click on “+” and “-” to see difference.

Here are steps:

1. Login in to Blogger Dashboard.

2. Go to Edit Html >> Layout ( Back up your template first )

3. Click on box: Expand Widget Templates.

4. Paste the following CSS code right above ]]></b:skin>

.textresize {
padding-left:20px;
padding-top:5px;
}

5. Paste the following Javascript code right above </head> section.

<script language='JavaScript' type='text/javascript'>
function changeFontSize(inc)
{
 var p = document.getElementsByTagName(&#39;p&#39;);
 for(n=0; n&lt;p.length; n++) {
 if(p[n].style.fontSize) {
 var size = parseInt(p[n].style.fontSize.replace(&quot;px&quot;, &quot;&quot;));
 } else {
 var size = 12;
 }
 p[n].style.fontSize = size+inc + &#39;px&#39;;
 }
}
</script>

6. Now Search for this line <div class=’post header-line-1> and Paste following code right below it or somewhere appropriate to you.

<span class='textresize'>
Text Size :<a href='javascript:changeFontSize(1)'> [+]</a> | <a href='javascript:changeFontSize(-1)'> [-]</a>
</span>

7. Review and save your templates.

Tagged as: post, text, tricks