Change Bullets In Blogger

I've seen a few explanations of how to change bullets in blogger and although a few of them gave me a good idea of what to do none of them worked.  In the end I started from igoogle and used the inspect element tool.  This way helped me find the CSS that was controling the list.  I went on to change bullets in blogger and remove them.  Quite easy once your given the path to take, will be doing a short video and uploading it in this post so check back soon.

Go immediately to Change Bullets In Blogger

or click the read more link to read the rest of the article

it turns out that that something strange has been going on and although I had tried it originally and then ended up going to igoogle and then back to firefox and installing the firebug plugin neither of those ways is what I am going to show you now.

Below are 3 separate lists all inserted on the page using the bullet list icon from the compose tab in Blogger.

The video is further down the page along with some other good stuff to get your free website underway and have it draw your users in and encourage them to click through.
The code you need to allow you to change bullets in blogger is widely available on the net.  Any simple search you do on bullet lists will return masses of results.  Below is the information you need, it's here to help you get want you want faster without having to crunch through the top 20 results in Google.

A word of warningIf you follow the instructions in this video you will be able to
change bullets in blogger.  You should always take a copy of your template before completing this task, really no matter what editing you think you are going to carry out on your blog template do this - the information in the video below is essential for the smooth running of your site (it's a no brainer really, if you have ever made a mistake do this first) if you have not done it already save your Blogger template or watch this video to show you how.



Change Bullets In Blogger


  • List1
  • List1
  • List1
  • List1
  • List2
  • List2
  • List2
  • List2   
  • List3
  • List3
  • List3
  • List3     

The example above gives three different lists all with different images. Change bullets in blogger has been achieved.  These lists are nested in a table to make it easy to see, being familiar with how to use a list on your site is straight forward and not to technical.  You can watch the video on change bullets in blogger that shows step by step what you need to know.



This is the CSS for a list in the video

.list1{ list-style:url("https://lh5.googleusercontent.com/-pBWfubzfAd4/TwG9khFtxzI/AAAAAAAAAJg/p9nCHbt0vzg/s72/Orange%252520Pin.png"); margin: 0.5em 0; padding: 0 2.5em; }
.list2{ list-style:url("https://lh3.googleusercontent.com/-Bt6RtDIeaHo/TwG9j8TajvI/AAAAAAAAAJY/jo2Di4JjFQI/s72/purple%252520pin.gif"); margin: 0.5em 0; padding: 0 2.5em; }
.list3{ list-style:url("https://lh6.googleusercontent.com/-oiOPgsdFVp8/TwHBFklK31I/AAAAAAAAAKI/L40fZLaKR_A/s128/purple%252520tick.gif"); margin: 0.5em 0; padding: 0 2.5em; }

1 comment:

  1. Execellent learning for me, I really liked it, very utilitarian for me..

    ReplyDelete

leave a comment