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.

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.

Related posts:

1. Add Yahoo! Buzz Button in blogger
2. Add Digg button to post in blogger
3. Show Labels containing specific number of Posts
4. Add twitter Update widget in Blogger
5. Show related post widget in blogger

Share & Bookmark This Story!!!