April 12, 2017

Alexa Rank Widget HTML Code for Blogspot and Wordpress Sites

Alexa is one of the top ranking companies that rank websites and blogs. Alexa rank is very important for the websites which gives them more push towards the Google page rank. If you add the Alexa rank widget or the Alexa gadget to your blog, then you will have more increase in the ranking for sure.
As you know Alexa is having new design and they have changed some pages and users are unable to find the gadget page from the website.

Alexa rank gadget
Alexa rank

I have been searching for the Alexa site gadget code to install to my site. Unfortunately, I couldn't find it. I have visited the shoutmeloud.com in the link http://www.shoutmeloud.com/how-to-create-alexa-widget-for-new-alexa.html and there was another link that said that I will get the gadget using this link -  http://www.alexa.com/siteowners. Unfortunately, Alexa had changed the link and now bloggers could not get Alexa gadget or  Alexa widget from that page.

 The Alexa widgets are free and easy to install. These gadgets can be embedded in the website by adding a code to the HTML space. The one I am sharing will automatically update your website's rank and the date of when it was ranked last. The model is displayed above.

So I am providing a simple code for your website. Edit the red code and replace shipmethis.com to your website address. You can copy the below HTML codes and paste to a widget.

1. Alexa Widget Showing Global Rank


<div class="textwidget"><div style="text-align:center;margin-top:10px;">
<a href="http://www.shipmethis.com/2014/05/Alexa.html"><script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/b?url=shipmethis.com'></script></a></div></div>

2. Alexa Widget Shows Global Rank with Total number Site Links


<div class="textwidget"><div style="text-align:center;margin-top:10px;"><a href="http://www.shipmethis.com/2014/05/Alexa.html"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=shipmethis.com"></script></a></div></div>


To Add Alexa Rank Widget To Wordpress Websites

You need to add a Text Widget wherever you want the widget to appear.
Appearance > Widgets and drag the Text Widget

 To Add Alexa Rank Widget to Blogspot Blogs

You need to add a HTML/Gadget from Layout Option.
Layout > Add A Gadget > HTML/JavaScriptAdd

In Blogspot blog, you can add third-party functionality or other codes using this way. If you want to codes to the template in BlogSpot Blog go to Theme > Edit HTML and add the code. You may have to convert the script to parse it for XML.

Try adding the above script to the template. If that is not working, use the below script code;

<script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/b?url=shipmethis.com'></script></a></div></div>
To Embed And Use Alexa Widget With SSL Support

<a href="http://www.alexa.com/siteinfo/shipmethis.com"><script type="text/javascript" src="https://code.checkandmate.net/ajax/ssl?u=http://xslt.alexa.com/site_stats/js/t/a?url=shipmethis.com"></script></a>

Once you have added Alexa Widget code, wait for a 2-3 days as Alexa bots fetch the data from your website. You can see higher search ranking and improved website ranking in few days. If you want to check the how your webpage looks like in different browsers after adding the code, read my new post; "Best Free Tools and Tutorials for making websites / blogs responsive".



Whats Hot

About Author