Home » Blogger Tutorials, Tricks and Hacks » Blogger Graphics / Effects Tricks » How To Customize Your Blogger Blog’s Bullet Point Style

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

How To Customize Your Blogger Blog’s Bullet Point Style

How To Customize Your Blogger Blog’s Bullet Point Style

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

1,130 views

If you’re not quite crazy about Blogger’s default styles for bullet points, then today’s featured tutorial might just be what you’re looking for! It’s going to show how you can replace Blogger’s default bullet styles with images of your own.

The process simply involves using a bit of CSS coding but don’t worry if you have minimal knowledge in CSS or HTML coding. This tutorial from blogsdaddy is as simple and easy as it gets, just follow the easy-to-follow steps below.

  1. Go to your Blogger Dashboard then under ‘Template’, click the ‘Customize’ button
  2. Click on ‘Advance’ then scroll down and look for the option which says ‘Add CSS’ and click on it
  3. Now copy/paste the code below into the content box
.post ul li {
list-style-image:url('Bullet Icon URL');
 }

NOTE: Be sure to replace ‘Bullet Icon URL’ with the actual URL of the image that you’re going to use as your bullet points.

If you don’t have an image of your own yet but would like to have your current bullet points changed nonetheless, blogsdaddy has several premade bullet styles that you can use. You can find them all HERE!

Liked It ? Please Share

Comments

4 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Techplorium says:

    Nice collection of bullets !!!!!

  2. Gagan Masoun says:

    thanks Keith for re-shared our tutorial :)

  3. Thanks for this helpful information.

  4. Johlene says:

    It didn´t work :-( Where could I have gone wrong..?

    I put the new code as per your tutorial just below previous coding I had in there before.. but I also put your coding in one line (all together) after I put it the way you specified it but that didn´t work either..

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here