In this post i will help you add a gadget to your blog that will allow the visitors to your blog choose the text / font style and size they view your blog in.This tip will let you give the visitors to your blog control over how they want to view it.
In this blog i strive to improve the appearance and performance of your blog and optimize it for the people that count ... your visitors.
The reason i looked to add a gadget like this to my blog was when i looked at reviews of differant blogs on Blog catalog a re-occurring complaint was people not able to easily read the text.
Your page wont refersh or change in any other way just the text.
How does it work ?
Click Here To See A Live Example / Demo
How easy was that !
Ok now we know how it works heres how to add it to your blog :
Step 1.Click 'Layout' > 'Add A Gadget' for your blog.
Step 2.Select 'HTML/JAVESCRIPT' in the pop up menu.
Step 3.Copy and paste the code below into the area provided :
<script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}
function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">
<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select></form><a href="http://www.spiceupyourblog.com/2009/12/allow-visitors-change-text-size-and.html" target="_blank"><font size="1">Get This</font></a>| Before we finish : If you need more help or have an opinion or suggestion Please leave a comment Below. To help you this is a Do-Follow Blog leaving a comment will also help your blogs Google rank. OK Back to business .... |
Once you put the code in click save and the gadget has been added to your blog.
Your visitors can now view your blog as the wish.
If you dont understand any of the steps in this post click 'The Basics' in the top menu for help or comment below.
Have you added it to your blog ? Let us know..
Write About Or Link To This Post On Your Blog - Easy Links :
Link Directly To This Post :
Link To The Homepage :
Link Directly To This Post :
Link To The Homepage :
Hey ! People That Read This Post Also Loved These Posts
Still Looking For Something ?
Search This Blog
Custom Search
If your asking a question or looking for extra help make sure to subscribe to comments by Mail and you will be notified when i reply.
