2007-10-20

Red Web 2.0 Style template available for download

Now there is a red-themed version of the "Girly Web 2.0" template available for download. This template also includes many advanced features, such as the three footer columns and calendar widget. You can see the screenshot to the right (click for full-sized preview), or read on for further details and download information.






As the title suggests, this template has a red and silver theme. It features a clean and simple layout, and very few images. Combined with a small javascript, this ensures the blog loads very quickly, and is able to deliver powerful new features which are not available in other templates I have created.

These features include:

  • Fast page loading time

  • Themed favicon already in place (see top left of the address bar)

  • Integrated blog search form

  • Web 2.0 style logo

  • Navigation bar (which can be customized to suit your needs)

  • Calendar widget

  • Unique wide sidebar layout, featuring a combination of wide and dual narrow columns

  • Three widgets available in the footer section

  • Unique post footer sections, which include a "What next" section for email post links, social bookmarking and "add a comment"

  • Related posts section also in post footer, to link to posts of the same label

  • Author comment highlighting on post pages

  • Rounded corners achieved by CSS instead of images

Plus a few other features too!

You can see the template in action on the Red/Silver Web 2.0 Template demonstration blog. Please do take a look at the post pages to see how the post footer sections work too.

Download this template

You can either download the full zip file for this template, which includes the XML template, plus all images and a help file, or copy and paste the code further down this page into the "edit HTML" section of your Blogger dashboard.

Download Red/Silver Web 2.0 Template (Zip folder)

This download contains the XML file for you to upload to your blog, plus a help file and all images that are used in the template.

Template code to copy and paste into the Edit HTML section of your Blogger dashboard:

All images for this template are hosted by Blogger Buster, though if you prefer to have control over these images you can upload these to your own image host and edit the template accordingly.

How to set up this template

This template will work without much modification, though there are two things you may want to change:

  • The calendar widget
    This widget parses your date header to display the calendar icon. To ensure this works properly, you will need to change the settings for your date-header format in the Settings>Formatting section of your Blogger dashboard. The date header needs to be in yyyy-mm-dd format, like the example below:



    It is only necessary to change this one setting, then everything else in this template should work just fine!

  • The navigation bar
    This is set up to feature links to your blog's home page (Home), an "about" page (About) and a contact page or link (Contact). In the default installation, I have been able to set up the "Home" link which points to your blog's front page. However, you will need to set up links to your About and Contact pages manually. You can also choose to change these links or add more links as required.

    The navigation bar is highlighted with comments in the template, and looks like this:
    <!-- This is the navbar section which you can edit to include your own links -->



    <div style='height: 40px; padding: 10px 0 0 0; margin: 3px 0 0 0;'>



    <!-- Home Page Link -->

    <a class='nav-section' expr:href='data:blog.url' style='color: #fff; text-decoration: none;'>Home</a>



    <!-- About link add your link here -->

    <a class='nav-section' href='#' style='color: #fff; text-decoration: none;'>About</a>



    <!-- Contact link add your link here -->

    <a class='nav-section' href='#' style='color: #fff; text-decoration: none;'>Contact</a></div>



    <!-- End navbar section -->

    Simply change the "#" for the links to point to your own posts/web pages, or copy the link style to create new links instead.

Using this template

This template is free to use, and you may customize the template in any way you wish. However, I do ask that the author details remain in the template itself, and that you do not redistribute this template without a link back to Blogger Buster. A link back to Blogger Buster is always appreciated!



View blog reactions

Post a Comment 9 comments:

22 October 2007 at 09:57 D said...

Great template, I was testing out the Red Web 2.0 template and after changing the Date Header Format the post date still does not show up.

Keep up the great work.

- D

1 November 2007 at 13:31 Amanda said...

Hello D,

I just checked your blog and the calendar widget seems to work just fine. The widget loads after the rest of the page (which helps cut down on page loading time) which may be why you couldn't see it at first.

Hope this helps solve the problem for you!

1 November 2007 at 18:49 The Seriously Grey Company said...

Hey! I'm trying to use your amazing layout here on one of my many blogs, because it's the only one I've found that would perfectly match it. Problem is, I've been testing it out on my Test Ground blog, and I can't get the calendar widget to work...at all. I changed the date format and everything, yet, still no calendar shows up. (the blog is located at http://tsgc-test-ground.blogspot.com/)

What can I do to fix this?

Thanks so much for everything! (You've become such a great resource) Keep up the amazing work! =D

19 February 2008 at 00:15 AuctionWally said...

Hi, great template.

A few questions, can you give me the code to remove the stripes & the search box in the NAV bar.

And can you tell me how to add meta tags. IE: keywords and page description.

Thanks much,
Auctionwally

7 June 2008 at 06:04 Rosduz(Linksduz√£o) said...

This model that has not downloaded that part of the menu "Tab Three Content." How do I put in my model?
Thank you.

7 June 2008 at 06:06 Rosduz(Linksduz√£o) said...

This model that has not downloaded that part of the menu "Tab Three Content." How do I put in my model?
Thank you.

rosduz@gmail.com

3 July 2008 at 01:57 26 Collection said...

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The document type declaration for root element type "html" must end with '>'.
This msg show up went i try to put in my blogger HTML?

10 October 2008 at 04:01 Orikinla Osinachi. said...

Hi Amanda,

I received the following error message when I posted the XML in my blogger to replace the old Blogger template.

We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The document type declaration for root element type "html" must end with '>'.

20 October 2009 at 22:58 Happy Mharck said...

Hi Amanda!

Thank you for this great template!

It works perfectly for my site.

I'm havin problem with my comments however, everytime you click the "add comment" link, the page just moves down.

I don't know if it has something to do with the template or not.

Heres a sample page/article:

http://happy-mharck.blogspot.com/2009/10/tv-how-influencial-can-blair-waldorf-be.html