Animated Bullet Style Hover Effect For Blogger

This are very awesome bullet style with hover effect for blogger. This is surely gonna make your post beautiful. This bullet style are made by me and does not need any extra effort.So today i will teach you how to add this bullet style to blogger.

Steps To Add Animated Bullets To Blogger

• Login to your Dashboard.
• Go to Template >> Edit Html.
• Find for ]]></b:skin>
• Paste the below code before ]]></b:skin>

.post ul {list-style:none;
}
.post ul li {
    line-height: 1.0em;
        background: transparent url(http://i1269.photobucket.com/albums/jj591/aditya9172/w2b_bloggerbullet.png) no-repeat scroll -4px 0px;
    margin: 1.0em 0;
    padding: 0 0 1.0em 28px;
}
.post ul li:hover {
        background: transparent url(http://i1269.photobucket.com/albums/jj591/aditya9172/w2b_bloggerbullet2.png) no-repeat scroll -2px 0px;
}

Now, Click on Save the Template.


It's Done.

Categories: Blogger Tricks , CSS