17 May 2016

How To Add Alexa Widget to your Blogger Blogs


If you think that Alexa Ranking is important to you, You may be considered to add the Alexa rank checker on widget sidebar of your blog directly. The high ranked blog site is motivated for advertisers and webmasters to take your blog site seriously. Now you can add and to show your blog or website ranking checker direct as well as you perform your visitor the interesting to your blog site by showing a web site popularity of page ranking.

In case you are happy and familiar with Alexa widget Ranking, you might be want to use it to place to your blog or website on the widget sidebar section.

Add Alexa Rank Widget  To Blogger Using HTML Code


The following alexa widget will show only your blog's world ranking.



<a href="http://www.alexa.com/siteinfo/trueblogmoney.blogspot.com" rel="nofollow" target="_blank"><script src="http://xslt.alexa.com/site_stats/js/t/a?url=trueblogmoney.blogspot.com" type="text/javascript"></script></a>

 It will only display the alexa ranking of your blog. If you want to show your site linking too, you can use the following alexa widget script.



 <a href="http://www.alexa.com/siteinfo/trueblogmoney.blogspot.com" rel="nofollow" target="_blank" ><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=trueblogmoney.blogspot.com"></script></a>

Note: Don't forget to change the domain name with your blog URL on both places. Change trueblogmoney.blogspot.com to yourdomain.com on both two places. I have also added nofollow tag to this external link because dofollow link is not necessary for your blog's alexa page.


 You can also make this alexa widget invisible to your readers if you want. Your readers could not be able to view the alexa widget but the visit would be count in alexa ranking.

Read Also: How to Add Floating Social Media Sharing Buttons to Blogger

Add Invisible Alexa Widget to Blogger

If you want to add invisible alexa widget to your Blogger, use the following code instead of the above codes.

 <a style="opacity:0" href="http://www.alexa.com/siteinfo/trueblogmoney.blogspot..com" rel="nofollow" target="_blank" ><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=trueblogmoney.blogspot.com"></script></a>

Don't forget to change your domain name in both places. Once you add this code your website, you or your visitors can't see this widget. If you hovering your mouse on that place your cursor pointer will going to change. 

Now, follow the steps to show your blog's alexa widget into your blogs.

If you are using Google Blogger platform, go to Blogger dashboard -> select your blog -> Layout -> Add a gadget (from sidebar or footer or header) -> choose "HTML/JavaScript" paste above alexa script here, and finally save it.

  congratulation !! you are done.


No comments:

Post a Comment