Add image bullets to Sidebar links in blogger

1. Select or create a bullet image of 9px X 9px size ( You can download free bullets from sites like http://www.websitebullets.com/

2. After having an image, upload it onto a free server.( eg: sites.google.com, photobucket etc.)

3.Go back to “Template” tab and click “Edit HTML”. Scroll to look for the following lines

.sidebar  ul {
list-style:none;
margin:0  0 0;
padding:0  0 0;
}
.sidebar  li {
margin:0;
padding:0  0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}


4. Replace them with this

.sidebar  ul {
list-style:none;
margin:0  0 1.25em;
padding:0  0px;
}

.sidebar  ul li {
background:url("URL  OF IMAGE FILE") no-repeat 2px .25em;
margin:0;
padding:0  0 3px 16px;
margin-bottom:3px;
 border-bottom:1px  dotted #ccc;
line-height:1.4em;
}


Remember to insert the URL OF IMAGE FILE into the code.

site visitor