How To Add Alexa Rankings Checker

Posted by Lasantha Bandara on August 25th, 2014 File Under : gadget, html, search box, widget5 Comments

Alexa.com provides traffic data, global rankings and other information on millions of websites. So Alexa rank is used to measure success of your website or blog. This tutorial will show you how to add a html form to your blogger blog to check alexa rank.

1.Login to your Blogger account and go to "Layout" of your blog.

2.Now click on 'Add a Gadget' link from the section you need to add it.

3.Select 'HTML/JavaScript' and add the code given below and click save.

<form method="get" action="http://www.alexa.com/data/details/traffic_details" target="_blank">
<input name="url" maxlength="255" size="35" type="url" placeholder="Enter an URL..."/>
<input value="Check Alexa Rank" type="submit"/>
</form>

It will look like this:

Note: If you don't want to add it as a Blogger widget, then you can add above code into "Edit HTML" of your blogger theme or into a post. If you are going to add it into a post, add it into post editor in HTML mode.

File Under : gadget, html, search box, widget

5 Responses to “How To Add Alexa Rankings Checker”

  1. my story says:

    thanks

  2. noname says:

    I add it and the rank show no 8.
    it's wrong cause my blog is still
    new.How to fix this problem?

  3. noname says:

    thx..

  4. Aqib Shahzad says:

    awesome work

  5. Intakt says:

    Ok, it seems to work.
    I additionally tested the original alexa widgets within Intakt-Reisen.
    But, I am a little bit reluctand regarding security issues. I do not know what alexa exactly will track from our visitors.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.