Home
About
Forums
Advertise
Contact
How to resize the blog's font
Posted by Nitesh Kothari on 22 April 2008|
Share this post:
|
|
I always wanted to have a hack which allows my blog readers to resize my blogs font, because if a reader is using 800X600 resolution, then blogs font appears too big and vice versa. I have finally found out a hack which will allow the users to view entire blog in a customized resolution.
follow the instructions to install Font Resizer:
Step 1: Go to Blogger Account, log in to your id and Go to Layout section, then go to Edit Template. Click on Download Full Template and save it.
please keep the template unexpanded.
step 2: Copy the following code and place it below <head>
<script type="text/javascript">
function changetext() {
select = document.getElementById('selectSize');
text = document.getElementById('text');
text.style.fontSize = select.value;
}
</script>
Now, Save the Template and go to Page Element Section.
Step 4: Click on Add a page element. A New pop-up window will appear happy many option. Select HTML/Javascript. Copy the Following Code and paste it in the content of pop up window (HTML/Javascript):
<div>
<select id="selectSize">
<option value="10px">10 Pixels</option>
<option value="12px">12 Pixels</option>
<option value="14px">14 Pixels</option>
<option value="16px">16 Pixels</option>
</select>
<button onclick="changetext();">Apply</button>
</div>
Now drag this new element to the position where you want to place the Font Resizer Hack and save. You are Done.
Demo : Free-testing