March 23rd, 2009

Nan asked me to explain how I got the heart icons to be my bullet images. You may have noticed in the address bar of your browser for this site, that it displays a small heart image. This is called a favicon. You can choose your own image to brand your site and make a favicon. The instructions are pretty well laid out on the following free site.

  • Go to http://www.favicongenerator.com/
  • Once you have your favicon in place, you will want to mess with your CSS. I’ve always wanted to say that. Heh.
  • Most CSS or stylesheets are documented, so that layout, sidebars, footers, headers, etc., are separated from the section we are interested in, which is main, or entries.
  • Trust me, you don’t want bullet images on your sidebar. In fact, I have set my sidebar bullets to not display. It’s tidier that way.
  • Under main, or entries, look for these tags: <ul><li>
  • Here’s the code from my site, yours will be slightly different:

#main .entryBox .entry ul,{
list-style:none;}

#main .entryBox .entry li {

list-style-image:url(images/favicon.ico);

padding: 2px;

}

  • Back up the old code in case of emergency.
  • Paste the bold code over your existing li code.
  • I suggested to Ree that she use her boot image.
  • Just upload your favicon.ico to your images folder and Bob’s your Uncle!
  • With this code in place in your stylesheet, it will display your favicon as a bullet image.
  • I’m not sure you can change the blogger favicon, but you can change the bullet styling on blogspot blogs. For blogspot bloggers, rename the image to whatever you like, with the filename .ico
  • Now show witchypoo your goodies.

This entry was posted on Monday, March 23rd, 2009 at 9:32 am and is filed under bloggy things, the geek. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

10 Responses to “I Heart Bullets”

Hyphen Mama Says:

Whatever language you’re speaking, I no hablo!!

Hyphen Mamas last blog post..I can bring home the bacon, fry it up in a pan, and tile your bathroom….

Torch Says:

reads these instructions and mind turns to mush … (am I really that computer stupid????)

Angella Says:

Thanks for posting this! Now to find the time to do it…

Angellas last blog post..Use Your Noggin

Krissa Says:

Wow. You really are psychic! How’d you know Bob was my uncle? ;-)

Krissas last blog post..A letter to my daughters.

Joie at Canned Laughter Says:

Ugh. More cool sheet to do to my template (which currently sucks wind). At this point I’m ready to trash the whole durn mess and start from scratch. I’m putting you in charge.

Joie at Canned Laughters last blog post..Orange Rum Bread Pudding

Judi Says:

Seriously, I just skimmed this post. Sorry. And, which goodies would you like to see…..?

Judis last blog post..I Can’t Seem To Get Started

Ree Says:

She did! And I’m going to! Someday. When I have time. ;-)

Rees last blog post..Mute Monday – Space

teeni Says:

You are so awesome. I want to try this. As soon as I get some time.

teenis last blog post..Just Passing Through…

Dean Saliba Says:

Favicons are important as if someone bookmarks your site it could help it stand out from their list. :)

Dean Salibas last blog post..Blogitive – Nice To Add To Your Collection

Nan Says:

Hey! Bob’s MY uncle too, Krissa! We must be related… Thank you Witchypoo, you are just the bestest.

Nans last blog post..Fiendish 11+ Exam Tomorrow!