Skip to content

Do you know how I can change a bullet style in the Scribe template on Blogger?

As always when working with your template and HTML, I strongly suggest you back up your template before you make any changes.

The Scribe template in Blogger uses many graphics as part of its design: the sidebar headers are graphics, as well as the bullets that look like daisies.

You can find instructions on changing the sidebar headers in Blogger’s Help Files. They are fairly straight forward and easy to follow.

The bullets for the Scribe template are graphics that look like daisies and are called from a file called list_icon.gif. You can find the entire source of the image (where the web browser is finding the image) by going to Layout > Edit HTML > search for list. You’ll see this code:

.post li {
    line-height:1.5em;
    list-style:none;
    background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat

The part in bold is the code that tells your browser to find the daisy (list_icon.gif). If you want to change the daisy:

  1. Make a new icon or find a new one online to use. Be sure it’s the right size. I don’t know how big that daisy (list_icon) icon is, so you’ll have to play around with it. I’d start at 16 pixels by 16 pixels and go from there. I wish I could walk you through how to make an icon from scratch, but I don’t do much design work myself. If you don’t know how to do this, I would suggest searching online for a free bullet point graphic or asking a savvy friend to help you.
  2. Upload the graphic to a secondary source like PhotoBucket. Determine your image’s URL and copy it to the clipboard.
  3. Go to Layout > Edit HTML > search for list and find this code:

    .post li {
        line-height:1.5em;
        list-style:none;
        background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat

  4. Replace the part in bold ("http://www.blogblog.com/scribe/list_icon.gif") with the URL you copied in step 2.
  5. Click Save.
  6. Write a draft post with a bulleted list to see how you like the results and tweak as necessary.

2 thoughts on “Do you know how I can change a bullet style in the Scribe template on Blogger?”

Comments are closed.