Expand collapse label widget

This is my first widget on the way i'm learning about blogger.
I don't like original label widget of blogger because :
- it's load all posts related to (slow to browse).
- hard to browse all if there're too many posts of a label.

As you see the label widget on this blog, when a label name is clicked, a table of content (TOC) is display above post region. The TOC author is Hans , you can visit his site and try implement the original TOC if you like.

At first, your blog must already has a label widget. If not, just add one ;).
There are three easy steps to get one label widget. Here you are :
1. In Layout tab of your blog administration region, choose "Edit HTML". After "Expand Widget Templates", press Ctrl-F and type "Label1" to look up your label widget code ( or find it by any way you want ;) ).
You found code like this :

Replace code above with this (click to get code )
Ok, step one finished .

2. Now, press Ctrl-F and lookup "type='Blog'". You found it?
Ya, nothing to do with this line, Let take a look at the line above it.
section class='main' id='main' showaddelement='yes'
change showaddelement to 'yes'.
Save your work.
Ok, step two finished.

3. Choose "Page Elements"
You can add Page element in the same column with Blog Posts now. ;). Ok, click to add one.
In the popup, choose type of widget is "HTML & JavaScript", click "Add to Blog".
You see a new popup appear. Ya. Now add this code (click to get code) to Content, title just left blank.
Click "Save Changes".
step three finished.

Just view your blog and enjoy the widget.
Happy harvest exp.
Moongy.

Add image to label widget

Do you like Label with the cool arrow image at front like this ;) . It's really cool, isn't it?
It's very easy to have one at the same :D. Just read steps below.

1. You must have your image url, if not you can create a googlepage account at push the image there. If you like this arrow image and ... here you are : http://www.blogblog.com/rounders3/icon_arrow_sm.gif
2. Now, log in to ur blog, choose "Layout" tab, choose "Edit Html", choose " Expand Widget Templates" (familiar steps ;) ).
3. Press Ctrl+F and find your Label widget's code (my keyword is "Label1" ^^).

what we found:
<b:if cond="'data:blog.url"><span dir="'data:blog.languageDirection'"><data:label.name/></span><b:else/><a dir="'data:blog.languageDirection'" href="'data:label.url'"><data:label.name/></a></b:if>

finished:
<b:if cond="'data:blog.url"><span dir="'data:blog.languageDirection'"><data:label.name/></span><b:else/><a dir="'data:blog.languageDirection'" href="'data:label.url'"><img src="IMAGE URL" /><data:label.name/></a></b:if>

4. Rivise the snippet as the 'finished' area, remmember to replace 'IMAGE URL' by your image URL.

Save your template and enjoy.
Happy harvest exp.

Remove posts count of label widget

Ya, it's very easy to do this.

- First, login to your blog , select tab "Layout", chose "Edit HTML".
- Check the box "Expand Widget Templates"
- You see the page reloaded. Ok. Now, find the code like this:

Easily way to found code above is use Find function of your browser - press Ctrl+F and enter this text :

<span dir="ltr">(<data:label.count>)</data:label.count></span>
- To do what we need ( Remove posts count of label widget ), just delete the line you found ( selected line in image above ).

Submit your site to Alexa

On previous blog post, I wrote about submit website to popular search engines ( Google, Yahoo, MSN ...)..
But how about Alexa?
Alexa said : "There are a few reasons that Alexa may not have visited your site. Perhaps your site is new or we haven't discovered any links on the web that lead to your site. Or perhaps we haven't had any Alexa users visit your site. It is also possible that your web site administrator has disallowed crawlers from visiting your site - please read the information about robots.txt that we have provided above."

The easy way to submit your site to alexa is you or someone browse your site with a browser had Alexa toolbar intergrated.
If by any reason, your site not available at Alexa, don't worry. Just visit this link, go to the bottom, fill your website's address and click "Crawl my site". That's all.

http://www.alexa.com/site/help/webmasters

Happy harvest exp ;).

Submit your site to popular search engines

One first thing to do when you create your blog ( website ) is submit it to popular search engines. How to do this? Read my experiences below will help you to find the answer.

1. Submit to Google Search

Just vist this url : http://www.google.com/addurl

By do this, you submit your url to the queue list that google bot will crawl.
Note : Only the top-level page from a host is necessary; you do not need to submit each individual page.

2. Submit to Yahoo Search

Visit this url http://search.yahoo.com/info/submit.html
You can also submit to other service provided in this page.

3. Submit to MSN Search

Vist this url http://search.msn.com.sg/docs/submit.aspx

4. Submit to Live Search
http://search.live.com/docs/submit.aspx

You can also add your url to other web directories to get more backlinks.
I will post a list of free dicrectories on a post later. ;)

Happy harvest experiences.