This Little Piggy - free XML template

There are so many weight loss blogs out there so I thought I would try and make something to offset that! Haha, so here is a blogger template that embraces my inner piggy :-) This also has a navigation bar (instructions to change these links are within the blog code >> just go to Layout > Edit HTML and scroll down to near the end to change the links). More detailed instructions on what to do can be found here. Enjoy!

Oh, and I have made the nav bar colour changeable from within the Fonts & Colours area. Hoorah.

click for a live preview

The design works with "new" blogger - ie: it's an XML template. Please ensure that you backup your widget data, as installing a new template will wipe/erase your current widget content.

• To download the xml template: click here (zip folder)
• Preview the site here
• Need help installing this? Click here

Cookie Man - free XML blogger template

click for a live preview

The design works with "new" blogger - ie: it's an XML template. Please ensure that you backup your widget data, as installing a new template will wipe/erase your current widget content.

• To download the xml template: click here (zip folder)
• Preview the site here
• Need help installing this? Click here

Cookie Top - free XML blogger DIY template

I love brown when it's done well (that sounds so odd to say) - but other, brighter, colours tend to look very pretty with dark brown. Anyway, I love this template. It's 750 pixels wide.

DOWNLOAD IT >>> HERE (zip folder)


(click for a live preview)

The design is free and works with "new" blogger - ie: it's an XML template. Please ensure that you backup your widget data, as installing a new template will wipe/erase your current widget content.

This blogger template is for those of you who are comfortable editing images and uploading them to the internet (and then replacing the image path). YOUR BLOG TITLE AND DESCRIPTION WILL NOT SHOW UP - this design is not interactive from your Blogger Dashboard.

Until you edit the image yourself, you'll have the same header as I do on the test site.

ALSO - here are some FAQs:

"WHY did you make this design like this?"
Two reasons really - one: you can edit this header image - remove the "Blog Title Here" text and put your own thing in (you can use any graphics editor to put your own text onto this banner and there are waaaay more font choices than the silly old internet can handle. DaFont: droolworthy!) and two: I just thought it would be more interesting - and things are definitely better when they're more interesting ;-)

"I don't want to edit my own header image! Can you please let me know how to make my title & description come through from Blogger?"
No. Your blog title and description is NOT going to come through (and actually "fit" in the correct bit), so bad luck.

"What graphics program can I use to edit this image?"
I have Photoshop CS, but you can use any graphics program that allows you to open/edit a JPEG or GIF - which should be pretty much any graphics program. I have included the PS file, GIF and JPEG.


"Ok, I made my own banner, now what?"
Now you'll have to upload it to some hosting on the internet. I host my files on photobucket.com (a free image hosting service) but there are more options out there.
Upload the file to the internet, then find the URL of the image.

Next, go to the "Layout" >> "Edit HTML" section of your blog.
You will need to replace the original header image - seen on the test page - to be your own.

Scroll down until you find the following image path:
http://i200.photobucket.com/albums/aa231/free_blogger/CookieTop.gif

.....and replace with the image path of your new title. Viola!