21 Red Web 2.0 style template available for download
October 20, 2007 /

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!

21 Comments:

21 October 2007 01:50 Chris Foley said...

Is it possible to customize the color off the heading area?

21 October 2007 07:26
AK said...

Another impressive work! keep it up!

21 October 2007 19:28 Amanda said...

Hello Chris,

The red striped header area is actually the background image used for the whole page. To change this, you'd need to download the image used and edit the colors in an imaging program (eg: Photoshop/GiMP/CorelDraw). Then this revised image can be uploaded to an image host, and the url in the template can be changed.

If it helps, I am currently making a pale blue and a dark version of this template which should be ready later this week. Or if you'd like any help changing the colors to suit your blog style, fee free to email me and I can offer more detailed help about this :)

For AK: Thanks, I'm glad you like this template! I love how you've changed this to suit your blog, it looks really great :)

22 October 2007 09:10 satya_love said...

hello Amanda,

First of all thanks for the lovely template.

I wanted to ask that the NAVBAR is blue coloured in my blog, i want to change the colour so as to suit the template.How can i do that ?

22 October 2007 09:27 Amanda said...

Hello Satya_love,

To change the nav-bar color, you can go to Template>Layout in your Blogger dashboard, where you would change the widgets in your blog. Near the top of this section, above the header, you will see the "widget" for the nav-bar and an "edit" link to the right of this. When you choose to edit the nav-bar, you can choose the color which is displayed.

There is also a trick to hide the nav-bar altogether if you prefer, which I wrote about in this post.

Hope this helps!

Amanda

22 October 2007 10:00 satya_love said...

Thanks Amanda for replying me so fast ...

But the main thing is there r only 4 navbar options and if we want a custom colour then what we have to do.

4 March 2008 01:14
Anonymous said...

Thanks for the beautiful template

http://fkpobeda.info

20 May 2008 06:01 Avinash Bikumalla said...

I am not able to get the tabs in side columns, please help me out, my blog is http://techvi.blogspot.com

Thanks for creating this beautiful template :)

9 June 2008 18:41 Rosduz(Linksduzão) said...

Hello, very good your blog, all of it, enjoy much of their tips. I'm having a problem with the Template "Red Web 2.0" that I am using, because it can not enter the "Tab Three Content." Will could help me?
Thank you very much.

rosduz@gmail.com

24 June 2008 03:28 Cush said...

What a great template!

I still dont know how to make links to my website on the about and contact pages. Could you give me some more specifics please.

Also,the images i am putting in my posts are not appearing now?

And i cant see the calendar even though i followed the directions above.

Thanks so much for your help

29 June 2008 15:06 Monica 08 said...

Great template, am using it

29 June 2008 15:32
Anonymous said...

when I customize the html in nav bar links, it says "can't save, more than one widget was found with Feed2, widgets must be unique."

14 July 2008 01:27 Md Muzammil said...

How do i make the tab section? I'm really new and really like to know.

16 July 2008 03:29 A. Red said...

I'm using this template but I'm unsure of how to link the about/contact pages. Help please!

watchyoursetup@yahoo.com

27 July 2008 11:37 Cush said...

Hi Amanda, i love this template.

However, i have decided to just have a single blog page. Is there anyway i can remove the 2nd and 3rd page or make them invisible?

Thanks so much

22 April 2009 04:50 Mysticle said...

Hi Amanda, I really like this template. Thanks so much for providing all of this useful information for free.

I edited the template to suit my color scheme. However, I cannot figure out how to change the red color when hovering over the navigation bar tabs. I would also like to remove the red dotted line that appears between my widgets in the sidebar.

my blog url - if that helps http://mysticle.blogspot.com/

Thanks again!

4 May 2009 02:59 Dwi said...

very good template, how to make read more with this template. thanks

9 June 2009 15:28 Tessa said...

this template looks realy cool but it isn't
because i can't copy the code. :S:S:S

9 June 2009 15:43 Tessa said...

it doesn't work? :S
Can somebody email me the code?
Dailyfashionhouse@
hotmail.com

Please call your email template from bloggerbuster.com

I hope to hear something for somebody!

13 May 2010 10:21 Jennifer said...

this kind of blog always useful for blog readers, it helps people during research. your post is one of the same for blog readers.
http://www.wikipeers.com/reviews/3309-reverse-phone-lookup-service-an-honest-review.html
http://www.articlesbase.com/communication-articles/facts-on-free-reverse-phone-lookup-you-must-know-1598084.html
http://www.watchfreemoviesonlinedaily.com/avatar-2009

Post a Comment

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog Archive

© Blogger Buster 2010 Home | About | Contact | Hire Me