Monday, 3 March 2008

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 (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:

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


  1. hi! i love it. soo cute.

    what's the name of font you used on sample banner? thx

    i don't know which template to pick! all are so good making it more diffcult to pick one!

  2. Wrexham Script is the font!
    I get all my fonts from (good for mac & PCs!)


  3. Apparently, I don't know how to incorporate my blog title into this header. I love the design! Can you help?? My email is and url is Thanks!

  4. I was able to use the graphic and put my title onto it. I uploaded it to FLICKR, but I don't know where to insert it into the HTML for it to appear at the top of the blog template like it's supposed to. Help???

  5. Nevermind! After lots of trial and error, I figured it out! Thanks again for the free layout! I love it!!

  6. LOVE this layout! I don't see the link to the zip file. Was it taken off?

  7. Hi Sandra... not sure what happened there! It's also available for d/l on the test blog... but here's the link anyway:


  8. I LOVE this design! So simple, yet so fun. I think the dots are my favorite part :)

    You do great work!

    Thank you!

  9. I changed it to another one of yours, but I still love this :)

  10. heyy i need help here. i dont know how to insert my blog title into this header. :(

  11. here is my email

  12. Hey Tasha..... did you read the information above? Your header/description will not show up as I have removed it. You have to edit the header image yourself (within the zip folder, above) and use that image instead.


If you're having issues, PLEASE leave an email address I can contact you on - and also don't forget to leave your blog URL. Please also read my FAQ which are >>> HERE

I advise you to also "subscribe to the comment feed" and get email updates when I respond to your question.

Spam/advertising comments will NEVER BE TOLERATED and will be deleted immediately!

Thanks for reading,