Almost every blog design uses unordered lists to display the different items in the sidebar. By default unordered lists have only three different types of bullets (disc, square and circle) which are not very good looking to the eye. By using custom bullets you can make your blog design unique and more appealing to your site’s visitors.
How To Use Custom Bullets
For using custom bullets you need to add a bit of CSS to your blog’s stylesheet.
Blogger users can add the following code bits just before the ]]></b:skin> tag and WordPress users need to add the following code at the end of their template’s style.css file.
1. Disable the default bullets
The code is as following :
ul { list-style:none; margin:0 0 0; padding:0 0 0; }
The above code disables the default bullets and also makes indentations set by your template (if any) zero.
2. Add The Custom Bullets
The code is as follows:
ul li { background:url(arrow_right.png) no-repeat left center; padding-left:20px; margin-bottom:10px; }
Replace the url field with the location where you have placed the image to be used as bullet. To move the bullet up or down to align with the text properly, replace center in the above code by custom values (use 1px, 2px etc. and see which value works better).
For example,
background:url(arrow_right.png) no-repeat left 1px;
You can also increase the padding and margin values in the code above to space the individual items in the list a bit more elegantly.
Save your template and exit. View your blog, you should now have custom bullets in your blog.
Some Custom Bullets For Use
In case, you are wondering where you can get good bullets, then your problem is solved.
Here are some icons from the fabulous famfamfam silk icons pack which you can use for your blog.

Just right click on the bullet you like and save.
Nirmal
30 May 07 at 9:49 am
Nice tutorial, will be helpful for my theme design.
Manas
30 May 07 at 8:02 pm
Jennifer
2 Jun 07 at 2:44 am
This is an easy method. Thanks for posting it.
Manas
2 Jun 07 at 8:43 am
Glad to know it helped you.
Shankar Ganesh
2 Jun 07 at 9:11 pm
Nice one. Giving attention to minute details makes you a good designer
Manas
2 Jun 07 at 9:29 pm
Yup, its all about personalising your blog which will make it stand out in the crowd.
Aya
23 Aug 09 at 3:55 am
This is awesome! Although I had a problem where it put hearts (the graphic I chose) behind my links in the navigation menu, instead of just on my posts. How do I prevent that?
Thank you!
Nokceache
24 Sep 09 at 7:47 am
Popular classify hosting employ Rapidshare ( http://www.rapidshare.com ) has been slapped with a $33.4 million frail nigh a German court and ordered to on stricter regulations for its uploaded satisfy, according to several reports.
The lawsuit was brought by German royalties connoisseur GEMA, who called on the Regional Court in Hamburg to knighthood a neat the case hosting service to stop it from hosting 5,000 music tracks on its put for download.
GEMA released a report in German addressing the court’s ruling:
“The judgment states that the hosting armed forces itself is for the time being responsible as a service to making persuaded that no one of the music tracks worried are distributed via its podium in the future. This means that the copyright holder is no longer required to do the progressing and complex checks.”
The court concluded that Rapidshare and other be like row sharing sites had not infatuated the gentlemanly measures to bar copyright transgression from occurring via the service