Thursday, February 26, 2009

Testing bulleted list in Blogger sidebar

A blogger asked: "how do I add bullets or dots to my link list in the sidebar? I have tried many ways but I can't seem to do it."

I initially tried using an unordered list in a HTML/Javascript gadget:

<ul style="list-style-type:disc;">
<li><a href="">Blogger Tips and Tricks</a></li>
<li><a href="">Blogger for Dummies</a></li>
<li><a href="">Online Blogger Book</a></li>
<li><a href="">Blogger FAQ</a></li>

That didn't work, so it must be the CSS (Cascading Style Sheets). So I went to LAYOUT > EDIT HTML and edited this

.sidebar ul {
margin:0 0 0;
padding:0 0 0;


.sidebar ul {
margin:0 0 0;
padding:0 0 0;

I tried this at Star Home Improvements. The codes for the unordered list <ul> was placed in the first right sidebar. As you can see, the "bullets" didn't display.

Friday, February 20, 2009

Testing customizing color menu bar

I like plain template with no or minimal graphics as my blogs are generally for the purpose of providing information. However, it can become quite dull. Hence I though of adding some color. The easiest is to add a color background to the Header. Color background does not increase the download time as would a graphic background.

Next is to add a horizontal menu bar with a slightly different background color from that for the blog title. I am testing that at Lincoln Chew blog. Please do give feedback by commenting and tell us what you think of that little bit of customization.

Thursday, February 05, 2009

Testing SEO tip: post title blog title

For Blogger blogs in search engines result pages, the blog title precede the post title. For example, the post Meta tags for Blogger, the post is displayed as "Blogger Tips and Tricks: Meta tags for Blogger" as shown in the screen shot below:

SERP search engine result page

I am going to test Optimize Blog Title for Search engine Results and increase visitors which offered a very simple way to do it. I am going to save the method below in case that blog goes off line:

The method is go go to the template editor (LAYOUT > EDIT HTML) and look for


That should be almost at the top of the template. Replace it with

<!-- Start Changing the Blogger Title Tag -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
<!-- End Changing the Blogger Title Tag -->

This was done for Blogger Tips and Tricks at about 8pm, 6 February, 2009. Now let us wait for the search engines to crawl the blog and see the results.

Recording any search result for further test. Below is the screen shot of a search for "blog countdown" which resulted in a link Countdown clock for your blog with the result displayed as

Blogger Tips and Tricks: Countdown clock for your blog


Let us see if it will eventually change to

Countdown clock for your blog: Blogger Tips and Tricks