HOW TO INSTALL GOOGLE ANALYTICS ON A BLOGGER

Google Analytics is a free service by google for all the people how are running blog or website. This tool or service helps all the people in analysing the statistic data about the traffic and visitor to a website or blog. It tracks the usual traffic metrics like pageviews, visits, unique visitors, bounce rate, time on site etc.

So, I suggest all of you to add the GA(Google Analytics) to a website or blog. It is very easy to add the GA to your blog, And Now as you are aware of its benefits. 

So follow these simple steps:

# HOW TO MAKE TRACKING ID

1. Go to Google Analytics. 

2. Now Sign in with your Google or Gmail account.

3. On the next page click the Sign up button. 

4. Next supply all the necessary details -

•    Account name, 

•    Blog URL you wish to track,

•    Time zone,

•    Data sharing preferences,

•    Country or Territory

•    Tick all the Data Sharing Setting checkbox or you can tick according to your preference

5. Read the terms of service and  tick the “Yes, I agree to the above terms and conditions” checkbox.

6. Click 'Create Account' button and you’ll be taken to Tracking Code Configuration tab.

7. Now click on “I Accept” on “GOOGLE ANALYTICS TERMS OF SERVICE” pop up page.

8. On next step you will get a Tracking ID its like "UA-73897563" 

9. Copy your Tracking ID 'UA number' and 'CODE'

10. Next step to Adding your Tracking ID to your Blog.

BACKUP / RESTORE TEMPLATE IN BLOGGER

If you don't wants to loose your blog. You must Backup your template as early as possible before making any changes like adding widgets, html/javascripts etc. A simple mistake or a minor change in blog 'CODES' can make your blog at risk. 

"So for that reason I suggest you u Backup your blog before making any changes."

# Backup Template

1. Go to your ‘Template’ page and click on the 'Backup/restore' button at the top right corner.
                

2. Click on 'Download full template' button.

3. Now your template will be downloaded.
   DONE.

The Template has been downloaded in your pc. Keep it in a safe place. So that when you need to restore your blog, you could restore it without any headache.


# Restore Template

Restoring template as same as Backup template

1. Again same steps must be followed go to your ‘Template’ page and click on the 'Backup/restore' button at the top right corner.

2. Click on 'Choose file' button.

• Upload a template from a file on your hard drive.
• The file will be in .XML file

3. Now press the 'Upload' button and your blog will be restored.

You have done with all the process...

Feedback....!!!

HOW TO REMOVE BORDER AROUND POSTS

When using the Picture Window template you will notice a border around all your posts. I will tell you how to remove the border in just a couple of steps!

1. Go to your ‘Template’ page and ‘Edit HTML’ and then ‘Proceed’.


2. Hit Ctrl + F to bring up a search box. Insert “.post-outer” to the search box. It will bring you to the following code:

Before

All you need to do is to change the 1px with the 0px.  It will now look like this:

After

3. Preview and if everything looks good then go ahead and click on the save template.

HOW TO REMOVE GRAY BOX AT BOTTOM OF BLOG

If you are using the Picture Window Template you will notice a gray box at the bottom of your blog. I will tell you a quick and simple steps how to remove that box!

1. You have to go back to your ‘Template’ page and click on ‘Edit HTML’ and ‘Proceed’.

2. Hit Ctl + F to bring up the search box again. Enter in “footer.background“. It will bring you to the code that looks like this:
   
<Variable name="footer.background" description="Footer Background" type="background"
default=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left” value=”transparent url (http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left”/>
   

You will want to delete the url that is between the brackets ( ).  

Leave the brackets. It will now look like this:

<Variable name="footer.background" description="Footer Background" type="background"
 default=”transparent url() repeat scroll top left” value=”transparent url () repeat scroll top left”/>

Now, Preview and if everything looks good go ahead and save! Your gray box at the bottom of your blog is now gone.

HOW TO MAKE TRANSPARENT BEHIND POSTS

1. Go to your ‘Template’ page and click on ‘Customize’ and ‘Proceed’.

2. Click on ‘Advanced’ and then ‘Backgrounds’. Under the ‘Post Background’ you will see a drop down for what color you want to change it to.

Backgrounds and post Background

 3. Click on that and choose transparent. Be sure to save it by clicking ‘Apply to Blog’ in the upper right hand corner.

Post Background (Transparent)

HOW TO ADJUST WIDTH OF POST AND SIDEBAR AREA

You can change the widths of your blog by using this simple steps:

1. Go to your ‘Template’ page and click on ‘Customize’ and ‘Proceed’.

2. Click on ‘Adjust widths’. You can preview your changes as you increase and decrease the width of your blog and your sidebar. Once you are happy with the changes be sure to save it by clicking ‘Apply to Blog’.

Adjust widths

HOW TO REMOVE ATTRIBUTION POWERED BY BLOGGER

You may have noticed at the bottom of your blog there is an attribution that says what template you are using followed by Powered by Blogger. We have had a few people ask us how to remove the powered by blogger copyright widget. So, I thought I would share with you on how to remove this from your blog!  

Steps are as follows:

1. You will want to go to your ‘Template’ page and click on ‘Edit HTML’.

2. Hit Ctl + F to bring up a search box. Paste this into the search box: ]]></b:skin>

3. Now you will paste this code:  
                                           
                                  #Attribution1 {display: none;}
                                     directly above  ]]></b:skin>

3. Save and preview your blog will now not have the powered by blogger attribution widget.