Tuesday, April 15, 2008

Certain site tracking services

From certain site tracking services, I have been looking at the way people come to know about my blog and I realized that only few of them access my blog directly (using its main URL). Most of them come looking for some hack (like social bookmarking, Google Translate etc) and land on an individual post page. When they land on such a page, a lot of space under the article + comments section goes waste as my blog’s sidebars (in most cases) are longer than the length of the post + comments section. This is also the case on label, archive and search pages. I was wondering how to make efficient utilization of this wasted space so that such first time readers (of my blog) get enough information about my other posts and I am able to convert them to returning readers/visitors.

I turned to instabloke for ideas and found that Blogbloke has made very good use of this space by posting a list of other articles, newsfeeds of his blog and adsense code. Inspired by his ingenuity, I decided to implement the same for blogger beta. To understand what I am talking about have a look at these pictures:

works on the main label pages

This hack works great for the adsense widget but can it be used for labels showing only on post pages and not the main page?

The labels widget already has conditionals like (/b:if) and trying to add the code and conditional you gave in the adsense example just gives error codes. I've read the comments but I'm not sure if one of those applies to the labels widget.

So far it works on the main label pages. Now I got a widget only showing on one Label, but when I look at older posts from this label the widget disappears. There should be a little modification so that the widget gets displayed even if there has been another ending attached to the URL, for example:

completely. However, from what I could get, I think all the widget code (as seen via template > page elements > "Edit") is gone but the heading still appears on your blog. A straight solution to this will be to delete the widget which has this heading from your layout section using the "Remove page element button".

Otherwise, edit your template HTML (non expanded) and locate the widget with this heading using the text from heading in the search (ctrl+F) and the delete the widget code.

CAUTION: If you are not sure about this, please get in touch with me via e-mail. Cheers!

first example

This first example is a flexible width top level list that expands to fit the text.
It has a fixed height and uses a background image that stretches the full width of the outer div, in this case 750px, and a background div in each top level link to mark the right hand edge of the link.

The top level hover varies the text color and the bottom border color.
The sub level hover varies the background color and adds a background square bullet against the top line of each list item. Sub level drop down lists can be positioned anywhere (left/right) beneath the top level list.

The sub levels are a fixed size, but can easily be changed to suit your requirements, and have a single pixel border.
Sub level flyouts are indicated by a sub level link with a grey background and a square bullet. These flyouts can be made to appear to the right or the left of the sub level list.