Blog Template 2-Colomn

This free Blogger template webdesign is based on the Blogger page color theme. It can be either a 2- or 5-column template. If you want a 2-column template, simply don't fill in the lowerbar widgets and make its colors blend with the post column.

The left sidebar is 230 px wide, perfect for the large square Adsense box.

Features

• The "Read more..." function is available to shorten posts.
• Almost all colors and fonts are easy to customize.
• Blog Posts Edit buttons are fully functional.
• Flexible number of sidebars.
• Menubar below the header for easy navigation.
• Header image can be easily changed.
• Tested ok in all browsers using Browsershots.org.

Important: Change your template without loosing any sidebar widgets.

Header ImageTo put the header image in your blog, click on the image below to open up a larger size and save it into your computer. Then, upload the image using the Layout > Page Elements > Header Edit tab. If you want to use your own image for the header, the image width has to be 900 pixels (with any height).

Header image adapted from Wallpaperpimper (credit accordingly if use).

Source: OurBlogTemplates , Download This Free Template Below:

Blogger Template "Neuronic"

This is a multiple-column template: 3 sidebar columns on the right, 3 columns below the post, and 3 additional leaderboard-size columns to place ad banners! The template image above is captured from a 1024 pixels wide screen.

Header Image
The header image doesn't come with the template file. To put the header image in your blog, left-click on the image below and save the actual size into your computer. Then, upload the image into the Header Page Element in the Layout section of your blog.



Ads
This template was customized so that you can put ads in a lot of places. In addition to the usual sidebar, header, and main columns, you can place long leaderboard-size ads above and below the blog and above the footer. Check out these ads locations in this test blog.

"Mountain" Template

Template name: Mountain 273
Size: 38KB
Type: New Blogger Template (XML)
2 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Source : http://www.finalsense.com/

"Sunflower" Template

Template name: Sunflower
Size: 47KB
Type: New Blogger Template (XML)
2 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Source : http://www.finalsense.com/

Highlight Author Comment in Blogspot

This trick is to give a Highlight Author Comment . This will make the blog's owner comments looks different from the visitors comments. It's very usefull and interesting blogger hack tips. You can see the example in my blog. Here is what to do to make a "Highlight Author Comment" effect in Blogspot.

1. Login to blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.
2. Check the "Expand Widget Templates" box.
3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}

4. Then find this code:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. The red color text is the code that you have to add to your script. The position must be right.
6. And then save your template.

* You have to login into your blogger account before to give comments.