CSS Bullets Styles For Blogger

This are awesome looking bullet style for blogger.This bullet styles are easy to apply. You can also make your own bullet style just by changing the image code in the script. But remember, size of the image must be very less.This bullet style are pure css. Having them will make your blog look very good.

Follow the Below Steps:

1. Login to your Dashboard.
2. Go to Templates---> Edit Html.
3. Find for ]]></b:skin> tag.
4. Copy and paste the any below code befor/above ]]></b:skin> tag.

Bullet.1

.post ul li {
list-style-image:url('http://i1269.photobucket.com/albums/jj591/aditya9172/11-dot-green.png');
}

Bullet.2

.post ul li {
list-style-image:url('http://i1269.photobucket.com/albums/jj591/aditya9172/bullet_page_white.png');
}

Bullet.3

.post ul li {
list-style-image:url('http://i1269.photobucket.com/albums/jj591/aditya9172/bullet_blue_arrow.png');
}

Bullet.4

.post ul li {
list-style-image:url('http://i1269.photobucket.com/albums/jj591/aditya9172/bullet_error.png');
}

Bullet.5

.post ul li {
list-style-image:url('http://i1269.photobucket.com/albums/jj591/aditya9172/bullet_home.png');
}

Bullet.6

.post ul li {
list-style-image:url('http://i1269.photobucket.com/albums/jj591/aditya9172/bullet_tick.png');
}

Bullet.7

.post ul li {
list-style-image:url('http://i1269.photobucket.com/albums/jj591/aditya9172/chrome_icon.gif');
}

Bullet.8

.post ul li {
list-style-image:url('http://i1269.photobucket.com/albums/jj591/aditya9172/w2b_bloggerbullet.png');
}

Now, Click on Save the Template.

It's Done.

Categories: Blogger Tricks , CSS