Tuesday, October 8, 2013

How to change Font Size of your blogger blog pages?

How to change Font Size of your blogger blog pages

One considerable aspect of any success blogger is its DESIGN. Template setup,Widget settings and content settings are belonged to Design.Readership and Readability are dominant factors that must have in any site.You know it.Having suitable content width, font size of any blog gives many advantages such as increasing the conversion rate and pageviews per user and also unique page views.

Some users confuse to realize the content of some blogs.Any blog receives the visitors from different of ages.Twenty age visitors can read the content speedily than other readers. Forty age readers get more time to read the content.also some of them aguise pair of spectacles.Sixty age readers get most time to read the articles than other younger readers.most of them ZOOM the web page to read the article clearly.We want all these readers.

READERS ARE THE FOUNDATION OF EXISTENCE OF ANY SITE

In this tutorial you will learn how to change the Font size of your body copy.Font size of your blog is different from each blogs.It is depended on your blog niche,Template/Theme and your writing style.But having undisguised font size is really good for any site.I distinguish that having 16px or more than font size on your site is really good.(16px is equal to 1em),You may think that 16px fonts are big,but it is not.Font Family for "Georgia" and 16px font size is matching for any site.But,don't increase your font size more than your headlines.It will confuse you  and especially your readers.Now let's learn how to change your blogger blog content font size easily.

.....................................................................................................................................

Change the Font size of your blog

.....................................................................................................................................

1. Sign in to your blogger account.
2. Go to your Blogger Dashboard--> Select one blog --> Template -->Edit HTML.
3. Now find body selector code on your template within skin tags.
4. You will be found similar Css code like below.

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 14px;
text-align: center;
vertical-align: top;
background: #d7d2bc url() top center no-repeat;
color: #212121; }

If you blogger Template has used Variable definitions,codes will like this.

body {
  font: $(body.font);  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)

I will explain you to change font size on these both templates.

As in above first code,If your template has given font size straightly,you can change your blog's font size easily.You just need to replace 14px with any suitable width.It is not inevitable to use the measure as px(Pixels).You can use mm,cm,in,em,pt ...etc some measures too.If you replace 14px with 16px,the whole CSS code will look like this.

body{
margin: 0;
font-family: Georgia,Arial, Helvetica, Sans-serif;
font-size: 16px;
text-align: center;
vertical-align: top;
background: #d7d2bc url() top center no-repeat;
color: #212121; }

If your blog has used Variables,you must do some changes on variable definitions to adjust the font size.First find the Variable definition on your template.usually it is just under the skintag (<b:skin><![CDATA[/*) on most of blogs.It may difficult you to find out the code on your template.As in above second code,font size shows in  font: $(body.font); code.To get relevant variable of body font,search variable name using Inbuilt searching tool on your template editor.As above example code varable name is body.font.Now you will see similar code like below,


<Group description="Page Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#222222"/>
   </Group>

Now replace your font size to be displayed on the blog instead of red 12px.Don't forget to replace both numbers(Default and Value) with your font size.If you didn't put equal numbers to both positions,it will not work.

5. At last,Save your template.

You're done.If you have any problem changing the font size of your blog,feel free to ask me.Happy Blogging:)

No comments:

Post a Comment