How to Text Resizer for Your Blogger Posts text's
Hello!
Dear friends my name is ARYA KHAN today I am going to show you! how to add text's resizer on blogger. text's resizer is a good thing text's resizer
give a beautiful look like a professional blog. So we are going to use some codes. All you have to do is head on over go to your Template/Theme page, click the Edit HTML and scroll down to where it says ]]</b:skin>. Just above ]]</b:skin> paste the step 1 code.
Step 1:
Code:
.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('p');
for(n=0; n<p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace("px", ""));
} else {
var size = 12;
}
p[n].style.fontSize = size+inc + 'px';
}
}
</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>
So finally done & don't forget to submit/save your templates.
