Wednesday, 17 July 2013

Make you Alexa Widget Invisible for Blogger


Hi there ! Today I will show how you can Make you Alexa Widget Invisible for Blogger. You may know that Alexa is an online site which ranks websites/blogs. You can improve improve your blog's Alexa rank by adding their official widget to your blog. There are 3-4 widgets of Alexa with fixed Dimensions which can't be changed as there is no option of resizing alexa widget. These widgets sometimes look awkward in blog and destroys the beauty of the template. So here I am posting a way you can make your Alexa widget invisible.

Actually I created this widget for my blog a bit before and I too use it. You can see the invisible widget in action by hovering over the area below the Facebook Like Box on the right sidebar. You may see that the cursor pointer changes there on hovering.
To add this widget just follow the below given steps.

Adding the Alexa Widget
To add this widget in your blog go to Blog Title → Layout → Add Widget → HTML/JavaScript and paste the below code in the box.

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

Once you have added the code change the URL in bold with your own URL. Following that save the widget and finally save the template.

You are done now. Now you and your visitors will NOT be able to see the alexa widget in your blog and hence it will not create any layout problem.

No comments:

Post a Comment