Showing posts with label blue. Show all posts
Showing posts with label blue. Show all posts

2007-10-22

"Cool Blue" Web 2.0 style template available for download

Here is a pale blue version of the recent Web 2.0 style templates I have created. This version is called "Cool Blue" and features muted blue tones for an eye-pleasing theme suitable for many types of blog. 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 pale blue 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 Cool Blue 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 Cool Blue 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!



Continue reading

2007-10-05

"Tic-Tac Blue" three column customized template

As requested by a few people now, I have modified the Tic Tac Blue template to add a second sidebar.




You can download this template using the link below. This is a zip file which contains the XML file for this template.

Download Three Column Tic Tac template (blue)

To use this in your blog, you should extract the XML file from the zip folder and save it to your computer. Then go to your Blogger dashboard, and click on Template>Edit HTML. Near the top of this page you will see a link where you can upload a new template from a location on your computer. Browse for the saved template file and click "upload". This will then install your new template in place of the old one.

Alternatively you can copy the template code below and paste this in the Edit HTML section of your Blogger dashboard (ensure you have checked the "Expand widget templates" box):

All the images used in this template are hosted by Blogger Buster. You do not need to upload them to your own hosting providers.

You are free to modify this template as you wish, however I do ask that the author credits within the template itself remain in place. Please do not redistribute this template without a link back to Blogger Buster!


Continue reading

"Mobile" (Tech-style) three column template

This is the first "technology" style template I have created, which features a clean and simple layout with a mobile phone in the header background.



You can see a demonstration of this template on the Mobile Template demonstration blog.

This template also features:

  • Optional "expandable posts" (script provided by Ramani)

  • Hidden Blogger Nav-Bar

  • Complementary Label cloud

  • AddThis social bookmark buttons at the end of each post

  • Fully customizable (fonts, colors, etc)

To download this template, please use the link below. This is a zip file which also contains a help file and the template for use with the selective expandable posts.

Download "Mobile" Blogger Template

Alternatively you can copy and paste the template code below in to the Edit HTML section of your Blogger dashboard (ensure you have checked the "Expand widget templates" box):

All images featured in this template are hosted by Blogger Buster; you do not need to upload images to your own hosting provider.

You are free to modify this template as you wish; however, I do ask that you keep the authorship credits intact within the template. A link back to Blogger Buster is always appreciated!


Continue reading

"Rounders 3" modified three column template

I've completed work on the Rounders 3 template to transform the original Blogger template into a three column design.







This template also features a complementary label cloud and AddThis buttons at the end of each post for readers to bookmark using their favorite social bookmarking services.

You can see a demonstration of the Rounders 3 three column template here.

To download the Rounders 3 XML template, please use the link below (right click the link and choose "Save As"

Download Rounders 3 Three Column Blogger Template

Alternatively you can copy the template code below and paste this into the Edit HTML section of your Blogger dashboard (ensure you have checked the "Expand widget templates" box):


Continue reading

"Rounders" modified three column template

I've modified the classic "Rounders" template to become a three column design, complete with complementary Label Cloud and AddThis social bookmark buttons.



You can see this template in action on the Rounders demonstration blog.

To download this XML template, please use the link below (right click and choose "Save As)

Download Three Column Rounders Template

Alternatively you can copy the template code below and paste this into the Edit HTML section of your Blogger dashboard:


Continue reading

"Magical" three column template (inspired by Harry Potter)

After such a lot of work, I have finally completed the "Magical" 3 column Blogger template for you to use in your blogs. I have to say that this is my favorite template design so far! The theme was inspired by the Harry Potter series of books/films, and features optional widgets that complement the theme.



As usual, this screenshot doesn't do the template justice! Please take a look at the demonstration blog for this template here to get a better look (link opens in a new window).

While the heavy use of images and Javascripts make this template load slower than my other templates, I'm sure you'll agree this is a fair compromise for the overall effect.

This template features:

  • Unique magical theme

  • Animated blog header (watch out for the bat!)

  • Customizable background, fonts, sidebar backgrounds and font colors

  • Optional widgets to complement the design

  • Label cloud designed to suit the theme

  • Post dividers

  • "Drop Caps" span style for the first letter of each paragraph


The optional widgets include:

  • Magical Mirror Images: this inserts a different animated image each time you reload the page. Watch out for "Moody's mad eye..."

  • Magical Thoughts: features a different magical quote each time you reload the page.

  • Magical Clock: features a different image depending on the time of day, from a sun at midday to a moon at midnight (and increments each hour between).


All of these widgets are included in the download package as widget templates. Alternatively you can use the widget installers found on the Magical Template demonstration blog.

The download package for this template features the template's XML file, a help file, all images featured in the template for you to upload to your own hosting account, plus all widget templates for you to install the widgets in your blog. This is a Zip (compressed) file which you should save to your computer and open with a decompression program such as WinZip or WinRar (free).

You can download the full template below:

Download Magical Template

Alternatively, you can copy the template code below and paste this into the Edit HTML section of your Blogger dashboard:

As with all my templates, you are free to modify this template as you wish. Please leave the author credits intact within the template itself and do not redistribute this template without a link back to Blogger Buster!

As you can imagine, this template in particular took a lot of time and work to complete (and yet I'm distributing it for free...) so I do appreciate all the link love I can get. A link back to Blogger Buster in your sidebar is always appreciated. If you like this template, please tell your friends about it too!


Continue reading

"Blues" classic style three column template


This one's in a classic "Blues" colour scheme (hence the name), featuring two sidebars on the right of the main posts section. This template features a label cloud and also AddThis bookmark buttons beneath each post to enable readers to easily bookmark items of interest.

This template features many customisations including:

  • Complete control of background colours for all sections

  • Social bookmarking buttons

  • Post calendar widget

  • Label cloud

  • Rounded corners

  • Add/remove page elements in blog header and posts section

You can preview the Blues template in action here.

To download the XML file for this template, please right click on the link below and choose "Save As..."

Download Blues Template (XML)

For instructions on uploading this template to your blog, please read this post.

Alternatively, you can copy the template code below and paste this into the Edit HTML section of your blogger dashboard (ensure you have checked the "Expand widget templates" box):


Continue reading