Believe or not most of your visitors wouldn't want to see annoying widgets on your site, yet sometimes we couldn't afford to get rid of them. And the last thing we want is to scare off our readers by displaying annoying site meters, community boxes, alexa buttons, badges and the like.
The solution to this problem is not to get rid of them but instead hide them from your readers, yup you could actually cloak widgets and makeit appear invisible aesthetically. It's a win win situation, you will please your visitors by hiding your widgets and at the same time continue enjoying the benefits of having your widgets do their thing without the added annoyance to your visitors of course.
The idea came about after seeing wordpress blogs able to hide their widgets at will using a plug-in or by hard coding. After a some tedious research and testing I discovered that blogs onblogger platform can achieve the same effect by simply adding a simple line of code. I already done this with my alexa traffic rank widget, if you have visited Techno Primer before and have browse it all the way to the footer section, you might notice the missing alexa traffic rank widget that was there before, well, it's still there, i just hide in response to my readers request.
In order to hide widgets, we need to insert a simple line of codes into the widgets code itself. This is easily done if you have placed your widget in your sidebar where it's easily accessible for editing.
Procedures:
1. Log in to your blogger account.
2. On the dash board click the blog which has the widget you need to hide.
3. On the layout tab, click edit on the page element that carries widget.
4. On the widget code add the line <div style="display:none"> before the code and </div>after it. After you have placed the "hiding" code it will look like this.
5. Press save and your done!
6. Press preview to see your widget disappear.
*For blogger who are running their blogs on a custom domain, you can hide your widgets by finding the widget code then follow the instructions in step 4..
This technique could be implemented not only with alexa rank button but with other widgets, site counters, badges etc. that you think might annoy your visitors. Give it a try.
The solution to this problem is not to get rid of them but instead hide them from your readers, yup you could actually cloak widgets and makeit appear invisible aesthetically. It's a win win situation, you will please your visitors by hiding your widgets and at the same time continue enjoying the benefits of having your widgets do their thing without the added annoyance to your visitors of course.
The idea came about after seeing wordpress blogs able to hide their widgets at will using a plug-in or by hard coding. After a some tedious research and testing I discovered that blogs onblogger platform can achieve the same effect by simply adding a simple line of code. I already done this with my alexa traffic rank widget, if you have visited Techno Primer before and have browse it all the way to the footer section, you might notice the missing alexa traffic rank widget that was there before, well, it's still there, i just hide in response to my readers request.
In order to hide widgets, we need to insert a simple line of codes into the widgets code itself. This is easily done if you have placed your widget in your sidebar where it's easily accessible for editing.
Procedures:
1. Log in to your blogger account.
2. On the dash board click the blog which has the widget you need to hide.
3. On the layout tab, click edit on the page element that carries widget.
4. On the widget code add the line <div style="display:none"> before the code and </div>after it. After you have placed the "hiding" code it will look like this.
<div style="display:none">
--place your widget code here--
</div>
5. Press save and your done!
6. Press preview to see your widget disappear.
*For blogger who are running their blogs on a custom domain, you can hide your widgets by finding the widget code then follow the instructions in step 4..
This technique could be implemented not only with alexa rank button but with other widgets, site counters, badges etc. that you think might annoy your visitors. Give it a try.
0 comments:
Post a Comment