Qotd

Alexa is a website analytics and ranking company. If you want to increase the number of people visiting your site then you will want to try to improve your sites Alexa rank. One easy way of doing this is to add the Alexa widget to your blogger site.

The problem with this is that there are only three different widgets available, all of which are fixed and cannot be adjusted. This can make certain designs and layouts look unprofessional. However, if you don’t include the widget then improving you Alexa rank can be much more difficult,

It’s possible to resolve this by making the blogger widget invisible. This guide will walk you through the easy steps required to hide Alexa widget. This will allow your blog to benefit from an improved alexa page rank without any harm to the sites design.

Step 1 – Get your Unique Alexa Code

The first thing that you need to do is get the code for your site. Alexa automatically generates this code for you so you don’t have to do any hard work. To do this, visit the Alexa.com website and register for an account if you don’t already have one. Enter the website address and it will generate the code for the widget.

There will be a choice of different sizes of widget that you can choose from. Choosing different ones will generate different code. The code will automatically include your websites address, so that you don’t need to do any major editing.

Step 2 – Modify the Code

If the code is pasted into the website as it is, then it will display the visible Alexa widget. This could damage your blogger site design and so needs to be modified. The modification to make the widget invisible is very easy.

Open notepad to make editing the code easier. Paste the block of code which was generated in step one into the notepad window. Then above it copy and paste this:

<div style=”display:none;”>

After you have done this, below it copy and paste:

</div>

This puts the widget in an invisible divider so it won’t be seen by you visitors. By doing this you will be able to benefit from an improved Alexa rank score without affecting the design of your actual website.

Step 3 – Adding the Code

When the code has been edited, it then needs to be pasted into your blogger site. This can be done by going to Blog Title, Layout, Add Widget. Then copy and paste the entire block of code from step 2, including the <div> tags at the top and bottom.

Step 4 – Testing

Once you have finished adding the code to the site, you should then test it. Visit your blogger site and hopefully you won’t notice any difference. If you do see the Alexa widget though, you will need to check that you set the div tags correctly. Check for any spelling mistakes or errors in the code.

Once the code is in place it should start improving your sites Alexa rank. It should also allow you access to site statistics, including where visitors are from and how many visitors have viewed your site.

Hopefully this simple tutorial has shown you how to hide Alexa widget in blogger. Similar techniques can also be applied to other forms of website, including WordPress.