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="http://www.bloggertipsandtricks.com">Blogger Tips and Tricks</a></li>
<li><a href="http://bloggerfordummies.blogspot.com">Blogger for Dummies</a></li>
<li><a href="http://blogger-book.com">Online Blogger Book</a></li>
<li><a href="http://blogger-faq.blogspot.com/">Blogger FAQ</a></li>
</ul>


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 {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

to

.sidebar ul {
list-style-type:disc;
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.

2 comments:

igvirene said...

Hi, this code seemed to doesn't work for me. I was trying to put a bullet list for my Recent Post widget in the title. Hope you could help me. Thanks.

Peter said...

Did you read this: "As you can see, the "bullets" didn't display."