How to add google web analytics tracking code in your blog for better web analysis.

Posted by Amaz On Friday, 11 January 2013 10 comments
google analytics logo


Google Analytics is an enterprise class web analysis tool.If you have a blog,simple website or a huge portal there are some basic things we need to know about our website. Like we need to know how many visitors are coming to my website,what content they liked the most and how long they have been in your website.inorder to track these records which is obviously very useful for the success of any website or blog google launched a free tool  that is google analytics.

Google Analytics is the free tool by google which allows us to track the website or blog visitors.it has a nice and interactive dashboard to track our visitors in many ways like
Visits

Unique Visitors Pageviews

Pages Per Visit:.

Average Time on Site:.

Bounce Rate New Visitors

Today I will show you how to use google analytics functionality by adding simple tracking ID provided by the google analytics and putting that ID in the blog to access the analytics features.

1  .    Goto  Google Analytics  website.

2  .    Sign in with your gmail ID .
sign in button

3  .    Provide the website details like – Name ,Url,  Time zone and click on Get Tracking ID.



4    Once you get the ID just Copy the ID.

As I am using blogger blog so I am taking an example of Blogger.Now you have got the Analytics tracking ID all you have to do is to put this tracking Id in blogger.Blogger provides us a separate google analytics section to put the Analytics Code.

·           Sign in to Blogger.

·           In your blogger dashborad Click Settings >Others .

·           Find for Analytics web Property ID Box.

·           Paste the google Analytics Code and you are done.

You can also copy the html/javascript code given by the google analytics and paste it in the html/javascript widget section place this widget in the blog’s footer.
Do let me know if it works well for you.





How to add google analytics in blogger
Last Reviewed by Amaz on February 22 2013
Rating: 4
READ MORE

How to add animated social sharing icon widget in blogger

Posted by Amaz On Thursday, 27 December 2012 5 comments
Adding social sharing icon in blog is the great way to increase organic traffic of your blog.If you want your blog reader to share your blog post to others via different social networks then you are at right place.Today i will show you how to add this animated social sharing icon in your blog which has nice animated effect on hover over of mouse.






Click to see the live demo..


Live Demo



Follow these steps to add this cool social sharing animated icon widget.


 Step 1: Login to your blogger dashboard.

 Step 2: Click on template>customize>Layout

 Step 3:Click on add widget where you want to add this widget select HTML/Javascript widget                  

 Step 4: Paste the following code


1:  <style>  
2:  /*--------Social Sharing Widget ------*/  
3:  .socialsharing a {  
4:  display:block;  
5:  height:50px;width:50px;padding:0 4px;float:left;  
6:  background:transparent url(http://4.bp.blogspot.com/-UTkPtPsw9bY/UKRoAPEVZ9I/AAAAAAAAFnM/qDPvUxpNfqM/s1600/Sharing+buttons.png) no-repeat;  
7:  -webkit-transition: ease-in 0.2s all;  
8:  -moz-transition: ease-in 0.2s all;  
9:  -o-transition: ease-in 0.2s all;  
10:  -ms-transition: ease-in 0.2s all;  
11:  transition: ease-in 0.2s all;  
12:  cursor:pointer;  
13:  }  
14:  .socialsharing a.googleplus {  
15:  background-position: 0px -58px;  
16:  }  
17:  .socialsharing a.googleplus:hover {  
18:  background-position: 0px 0px;  
19:  }  
20:  .socialsharing a.twitter {  
21:  background-position: 0px -290px;  
22:  }  
23:  .socialsharing a.twitter:hover {  
24:  background-position: 0px -232px;  
25:  }  
26:  .socialsharing a.facebook {  
27:  background-position: 0px -406px;  
28:  }  
29:  .socialsharing a.facebook:hover {  
30:  background-position: 0px -348px;  
31:  }  
32:  .socialsharing a.rss {  
33:  background-position: 0px -174px;  
34:  }  
35:  .socialsharing a.rss:hover {  
36:  background-position: 0px -116px;  
37:  }  
38:  </style>  
39:  <br />  
40:  <div class="socialsharing">  
41:  <a class="rss" href="http://feeds.feedburner.com/techhowtips" rel="external nofollow" target="_blank"></a>  
42:  <a class="googleplus" href="https://plus.google.com/104564054490090339631" rel="external nofollow" target="_blank"></a>  
43:  <a class="facebook" href="http://www.facebook.com/techhowtips" rel="external nofollow" target="_blank"></a>  
44:  <a class="twitter" href="http://www.twitter.com/amaz4u" rel="external nofollow" target="_blank"></a>  
45:  </div>  

Now customize the bold section in the code with your social networks profile id and you are done.

do let me know if this works for you.


READ MORE

How to connect to wi-fi without a wireless router.

Posted by Amaz On Friday, 21 December 2012 4 comments



Today i am going to show you how to connect your computer with wi-fi without a wireless router.As we know we need a wireless router or modem to connect to wi-fi but windows provide a great feature for creating Ad hoc network which enables your computer to connect with wi-fi network without a wireless router.

please follow the instruction and i have also added the screen shots for better understanding.


Step 1: Right click on the windows icon at the bottom left of the tool bar.
windows icon



Step 2:     Click on Open network and sharing center.


Step 3: Now a new window will open click on click on setup a new connection
                          

Step 4:Now choose connection option as setup a wireless ad hoc(computer-to-computer) network.

                             

Step 5: Setup a ad hoc network window will open click on next.
                        
              
                                                                                                 

Step 6: Now give the network name of your choice this will be your network name choose the security type as wpa-2 for more security its encryption level is very high and hence it is more secure Now give your security key this will be the password of your network save this network and you are done.
                                        

                                               


Save this network by clicking the checkbox and click next your ad hoc network has been setup.you can connect to this network by clicking the small computer icon at the bottom taskbar search for the available network and you will see your recently setup network connect with that by providing the security key.

READ MORE

How to change your blog template and give your blog a professional look

Posted by Amaz On Sunday, 16 December 2012 3 comments



Many of us want to give a professional look to our blog and they want to change their blog template so that it attracts the reader and marks a good impression on the blog visitors.If you want to give a new look to your blog then it is better to choose a free or paid premium template what you like and upgrade it with your existing one.There are lot of Template Provider which provides free cool looking premium templates like.

Now i am going to show you how to download the template and extract the zip file. 

  1. Go to the above websites or you can google it for more websites or blog who provides templates.
  2. select your desired template and take a preview how it looks.
  3. When you have selected the template of your choice then download it.
  4. Extract the zip  there you will find a xml file that is your template file which is to upload.

Its time to upload the template now..

  • Login to your blogger account.
  • Click on template.
  • Take a backup of your template before proceeding this will help you to change the template again to previous one if you dont like the existing one.
Backup restore
  • Now upload a template from file on your hard drive.choose file and click upload.
blogger template change


Now you have successfully uploaded the template take a look of your new blog template.Customize the  template accoding to the given instruction of template provider.
READ MORE