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.


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."