Customize Bullet List

Anyone familiar with Bullet Lists?
You see it as either a circle, a hallow circle, square.. etc..
Hmm.. for now I wanted to see an image as alternative to the default bullet list appearances..
So..

• Go to Dashboard > Design > Edit HTML
• place the following code:

.post ul li { list-style: url("http://URLofImage"); }

       just above this code

]]></b:skin>

      Now your bullet list will have an image appearance..
if you want to have some hover effect on it.. just like what I did.. add this code again..

.post ul li:hover { list-style: url("http://URLofImage"); }

   There you go.. you got a hover effect along with the image bullet list

Customize Bullet List