November 26, 2017

How To Add Alexa Widget In Blogger Blog


Are you searching for How To Add Alexa Widget In Blogger Blog, install Alexa Rank Widget HTML Code in blog and how to add alexa widget https blogger blog url. Do you want to get alexa tracking JavaScript code for blogspot blog for both http and https sites. Here are the alexa javascript code for adding alexa widget in blogspot and wordpress sites. You can add alexa widget in blogger blog on sidebar or footer with a javascript code. To install alexa widget in your blog and get updated real time alexa rank on your blog, follow the steps.

Rank Alexa Widget In Blogger Blog

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 Widget In Blogger Blog
Alexa rank

How to add alexa rank code widget to blogger blog

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.

How To Add Alexa Widget In Blogger Blog

Login to Blogspot
Go to Layout. 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. Copy the below code depending on what kind of rank codes you want to show in the blog. The first code shows global rank of your blogger blog and the second alexa widget displays total number of links.

Replace the shipmethis.com with your blog domain address.
Click Save Button.
Reload or refresh your blog twice.

1. Alexa Rank Widget http For Blogspot 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 Code Global Rank For Blogspot 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>
If you want to add the javascript codes to the template in BlogSpot Blog, then go to Theme > Edit HTML and add the code.

If Alexa Widget In Blogger Blog is not working

Some users suggested that the above codes are not working. This happens when you have a custom made template. In that case, 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>

Use Alexa Widget With SSL Support If your Blogger Blog is starts with https

<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>
Here the steps to add alexa widget is same as above.

Login To Blogger Account.
Click Blog Title | Layout | Add a Gadget | HTML/Javascript.
Copy/Paste above javascript Code In Content Box.

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.

How to add alexa 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
Copy the javascript codes above and add inside the widget.

Alexa has deprecated this ranking method. But now Amazon has acquired Alexa and it has been ranking blogger blogs in a much better way than before. By adding the alexa widget in blogger blog, there is a chance that your blogs ranking get higher boost than before. Alexa ranking just shows the number of links and global ranking as per the search visits globally and country specific.

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".



Kindly spend 5 seconds to share this post



Search Here

Whats Hot

About Author