How To Change Your Blogger Bullets To Customized image

Blog traffic and gaining the trust of your readers mostly depends on some particular thing in blogging which are: Inspirational content, consistency in your posting and finally your blog design. Most people fell in love with your blog not only because you have good contents, but also the styles and good designs that make up your blog.

Today, i will be sharing the knowledge on how you can change blogger bullets to a customized one(image).
so whenever you list somethings in your blog pots, and instead of showing like an example below,

• This Is First Demo Line
• This Is Second Demo Line
• This Is Third Demo Line
• This Is Fourth Demo Line
• This Is Fifth Demo Line

It will change to what you are seeing below:

The interesting part and the beauty aspect of this customization is that anytime you place your mouse cursor on the bullet list, the image color changes

HOW TO GET THE CUSTOMIZE BULLET

For you to get this customize image, you need to follow the following steps and adding this features to your blogger blog is easy.
1. Log in to your Blogger Dashboard, Navigate to Template ==> Edit HTML and checked the Expand Widget Templates Check box. Then use (CTRL+F) to search for ]]></b:skin> tag in your templates.

2. Finally add the code below and add it before the ]]></b:skin> tag

.post ul {list-style:none;}.post ul li {     line-height: 1.4em;         background: transparent url(http://2.bp.blogspot.com/_7wsQzULWIwo/SuM3oYoTkRI/AAAAAAAACHw/Dig1etGrcpY/s400/251.gif) no-repeat scroll 0px 4px;     margin: 0.3em 0;     padding: 0 0 0.8em 20px; }.post ul li:hover {         background: transparent url(http://3.bp.blogspot.com/_7wsQzULWIwo/SuM3oFg5zlI/AAAAAAAACHo/n5UluB5ugMI/s400/255.gif) no-repeat scroll 0px 4px;}

Enter your email address:


Delivered by FeedBurner