We've moved to our new blog!  Please update your readers to our new feed:

Thursday, May 12, 2011

Favorite Code Changes (Part 1)

UPDATE: Blogger deleted this post...so I am trying again, sorry!  If it is published twice, that's why!

When I started this blog two years ago, the Blogger design options were not nearly as versatile as they are now, so I spent a lot of time tweaking my HTML code to get the blog as it is today.  Many of the changes I made manually, are now available through "Template Designer" {such as three columns and a wider blog}, however, there are some changes that still require manual coding, so I thought I'd list my 10 favorite for you, if you're tempted to give them a try {note: these are not necessarily the tutorials I used, but I have verified that they do work for the new templates}.

But remember, before editing your code, you will want to save your  template, that way if it doesn't work, you don't lose your old changes!

1.     Personalized Favicon: How to change the shortcut icon for your blog from the traditional orange "B" to another image.  Get the code here.
2.     To create a Favicon, use the Pic to Icon Converter here, and then get anonymous hosting too!
3.     Remove the Navigation Bar from the top of your blog.  When looking for a suitible tutorial, I ran into a lot of pop-up ads...so instead, here is the code I used, first, find:


then add the following code above it:

#navbar-iframe { display: none !important; }

If there is a space where your navigation bar should go, then search for the following:

body {

and add this code right below it:

position: relative;
top: -32px;

4.     Add numbers to the comments {great for giveaways, etc.}.

5.     Use a cute font for your post and sidebar titles!

Anything else you were wondering how to do?  Enjoy!


Post a Comment

Thank you for visiting and taking the time to leave a comment! It really brightens our day. We try to respond to your questions if your e-mail is available either in your profile or your comment.

Jennie & Clara