How to Add Alexa Widget In Blogger Blog?

If you're a blogger, then you might have noticed Alexa Widget in most of the blogs and now want to install this Alexa rank widget on your blog. I would like to say you that, you're in the right place today In this post I will show you how to add it in your site.
Google page rank and Alexa rank helps us to determination how popular is a blog. In my case, when I visit a blog and get some interesting stuff from this site then I go to alexa.com and check it how popular blog is it. Not only me this is a tool which is used by every pro-bloggers and internet marketers to check a website statistics and details.
Alexa offers user to add their widget on their blog. I have noticed that, the most number of bloggers used it on their site. If you use it on your website, then it can help your reader to identify how quality blog you have. It also helps to check your website traffics rank without visit alexa.com page. However, there are so many additional advantages you will get for using this plugin of your blog. Recently I added it on my blog. So I would like to share with you how to add this on your site less than 2 minute. So let's start this guide:

Getting code from Alexa: 

To adding widget on your blog you should get the code from Alexa. You can easily get it, but here I will give you the code directly. Don't worry these codes I collected from Alexa official websites. They offer two types of widget, you can able to use which you like to add. I will give you the code of two types of widget, copy the code which you like to add. The codes are given below.
Style - 1: 

It is just share your blog traffics rank.

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com"></script></a>

Note: Replace yoursite.com with your domain name. Like (techshoutme.com or techshoutme.blogspot)
Style - 2: 

It has both traffics rank and link of your site.

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"></script></a>

Note: Changed yoursite.com with your domain name. Like (techshoutme.com or techshoutme.blogspot)

Installing Alexa Traffic widget on Blogger blog 

You are getting the code now times to add it on your blog. Follow the below process

1. Open your blogger dashboard. 
2. Go to layout -> add a gadget ->> Html/JavaScript.
   
3.  Now paste the code in the box and hit the save button. 
   
   
4. Now scroll this gadget wherever you want to show this widget. The best place is to add it on footer, sidebar. 
5. After that, visit your blog and see !!!!! 

Over to you 
The above post was that how to add Alexa traffic widget on your blogger blog. So hopefully you doing it properly. If you have any question related to this post, then feel free to ask me. I will try my best to give your answer within next 1 hours.