This free Blogger template is also setup for you to easily add Google AdSense and make money from your blog. If you don’t already have Google AdSense, you should read more about how to make money from Blogger and sign-up. The ad format and colors you should use to best match this template are illustrated below. The 300 x 250 rectangle with #fff3e2 for the border and background, #cc0000 for the text, and #856d65 for the title and url. This will make your ad block blend in nicely with the light pink second column.

You’ll also need to setup the header tabs before they appear. Just edit the “top tabs” widget and create the tabs you want. The “Home” tab automatically appears once you create your first tab.

To setup the recent posts and comments cool dynamic tab section you’ll need to paste in your rss feeds. Read this article on setting up your Blogger recent comments and posts section.

The rest of the configuration is pretty straight forward. If your individual blog post date stamp doesn’t show up, you’ll need to make one more change. Go into your Blogger’s “Settings” tab and then click on “Formatting”. Next, change the “Timestamp Format” (it’s the 4th one down) to this format => “Wednesday, February, 2008″. Make sure you change the “Timestamp Format” and NOT the “Date Header Format”. Many people in the past have told me it didn’t work only to find out they were changing the wrong field.

This template was originally designed by Design Disease for WordPress and was converted into Blogger by Blog and Web. eBlog Templates decided to take it one step further and enhance it to include the dynamic header tabs and javascript recent posts and comments tab section.

Revisions

1/6/08 – Fixed the post image alignment issue. If you’ve downloaded the template prior to this date, you can fix this by editing your existing template. Read this post for instructions.

You’ll need to change the links within the code so just edit and look for this section within the template code:

<ul>
<li class='active'><a href='/' id='page1'>Blog</a></li>
<li><a href='#' id='page2'>Photos</a></li>
<li><a href='#' id='page3'>Personal</a></li>
<li><a href='http://blogandweb.com' id='page4'>Support</a></li>
</ul>

Update the a href from # to whatever link you want to use. Also change the link name to a more realistic one. Enjoy!

Original design by Free CSS Templates and converted into Blogger by Blog and Web

Enjoy this beauty complements of Francisco who converted it to Blogger and FreeCSSTemplate.org for the design work!

There’s a nice search box to go along with this template which works right out of the box. In order to change the tabs you need to edit the template code. Don’t be afraid though if you’ve never touched html code before. Just open the .xml file in a text editor like notepad.exe or wordpad.exe (or you can even edit it directly in the Blogger code window) and search for the following area:

<ul id='nav'>
<li class='page_item'><a href='#' title='Contact'>Contact</a></li>
<li class='page_item'><a href='#' title='About'>About</a></li>
<li class='page_item'><a href='#' title='Photos'>Photos</a></li>
<li class='page_item'><a href='#' title='Blog'>Blog</a></li>
<li class='page_item'><a href='http://blogandweb.com/' title='Blog and Web'>Support</a></li>
</ul>


Now just swap out the “#” for a real link and change the tab and title names. Easy as pie. Then save the template and copy the code back into the Blogger editor window.

This template was designed by Just Skins and ported over to Blogger by Francisco.

To change the tab urls and names you need to edit the template code. Open the .xml file in a text editor and then search for this:

<div id='main_menu'>
<ul>
<li><a href='#'>FAQ</a></li>
<li><a href='#'>Photos</a></li>
<li><a href='http://blogandweb.com' title='Plantillas Blogger'>Support</a></li>
<li><a href='#'>Home</a></li>
</ul>
</div>


Now you can change the hrefs and tab names to whatever you like.

All images are pre-hosted on our photobucket.com pro account which has unlimited bandwidth. That means you don’t need to worry about the images not showing up which can happen to other Blogger xml templates.

This theme was originally designed by Tom over at thaslayer.com and converted into this Blogger template by Francisco from Blog and Web.

The original designer was by Pinkseo and it was converted into a Blogger/Blogspot template by Blog and Web.

All images are hosted with us at photobucket.com so you don’t need to worry about broken images in the future!

Installation

There’s a couple of simple configuration settings you need to make in order for this template to work properly. In order to get the date to display correctly, you need to go into your “Settings” => “Formatting” area and change the timestamp format to this format “Sunday, January 20, 2008″. See the image for details.

Next, to setup your tabs across the top, you need to edit the template code. Look for this block of code and change the links and names of each tab as you like.

<div class='topnavi'>
<ul>
<li class='current_page_item'><a href='/'>HOME</a></li>
<li class='page_item page-item-2'><a href='http://www.eblogtemplates.com'>Templates</a></li>
<li class='page_item page-item-2'><a href='#'>About Me</a></li>
<li class='page_item page-item-2'><a href='#'>Contact</a></li>
</ul>
</div>

All images are pre-hosted and the javascript is built into the template so the date on each post feature works very well! We distribute template unlike other sites which break after a few months because the owner moved the images or javascript file. We host the images on an unlimited bandwidth server so you don’t have to worry about broken images!

Thanks to Dezinerfolio for designing the template and Blog and Web for converting it into an xml Blogger template.

If you’re not a big fan of the water graphic, you can easily change it. Just search the template code for line 140 or look directly for this code:

http://i254.photobucket.com/albums/hh92/eblogtemplates/misc/agua/header.jpg

Then point it to another image you’ve got and it’s all done.

Also, you can change the tab names and links at the top. You’ll want to edit the code again and look for the following on line 388:

<li class=''><a href='#'>Home</a></li>

Update the links and tab names to whatever you’d like to use. This is a must since the template tabs are useless if you don’t do this.

All images are hosted on our Photobucket Pro account so no need to worry about hosting the images yourself!
Original design by The Undersigned and ported over to Blogger by Blogandweb.com