Blogger Blog Templates

Personas

A Photo Blog Template created by Dzignine, has a neat layout, soft colour scheme and is easy to use

4 column template with footer
Nice background image
Thumbnail display of Posts
Automatically resizes thumbnails

Women Magazine Theme

Designed by Templates Novo Blogger, Women theme is a magazine-style 3 column template with a neat style and an interesting unique feature.

Horizontal slider to highlight articles
Summarised display of posts by categories
3 column footer

People

Designed on the lines of People magazine site by MJ Bahring, its a cool theme to use for entertainment, lifestyle or celebrity blog

A 4 column template
Featured Posts slider
Photo Gallery to show the top images
Category-wise display of content on home page

Blogumus - Blogger Tag cloud Hack

A simple step-by-step guide to install this wonderful animated tag cloud to enhance the look of your blog

Easy installation
Customisable colours and font size
Changaeble speed of tag cloud rotation

Blogumus or Flash tag cloud hack for Blogger

Hide Ads on Page or Posts

A much-needed blogger hack that allows you to hide ads on a particular post or page of your choice created by GeekBlogger

Knock off unwanted ads from certain pages
Step-by-step instruction to execute code

Hide ads on particular posts or page blogger hack

Super Clean Blog Template

Posted by Bhavika On Friday, September 23, 2011 0 comments

Super Clean Template is a 2 column theme designed by Templates Novo Blogger. It includes some interesting features like the slider, auto display of posts summary on home page, nice hover effects for images and author box.

To modify the horizontal menu bar, go to Edit Html and look for this code -

<a href='Link 01'>Home</a></li>
<li><a href='Link 02'>Tutoriais</a></li>
<li><a href='Link 03'>Portfolio</a></li>
<li><a href='Link 04'>Contato</a></li>

Change 'Link' to relevant page links with the respective text. Moving on to the slider, you can activate it from Edit Html, search for this code -

<div id='galeria'>

<div class='main_view'>
<div class='window'>
<div class='image_reel'>

<a href='POST_URL' rel='1'><img alt='' src='IMAGE_URL'/></a>

<a href='POST_URL' rel='2'><img alt='' src='IMAGE_URL'/></a>

<a href='POST_URL' rel='3'><img alt='' src='IMAGE_URL'/></a>

</div></div>

<div class='paging'>
<a href='POST_URL' rel='1'>1</a>
<a href='POST_URL' rel='2'>2</a>
<a href='POST_URL' rel='3'>3</a>

</div></div>

Simply insert the post urls and image links as mentioned in the above code, images should be 800px × 289px. In the main column summary of posts with thumbnails appear automatically, and a replacement image appears when there is no picture in the post.

The post pages have Twitter and Facebook share button already integrated under the headline and at the end of the post is the author box with your avatar. To edit it, click Edit Html--Expand Widget Template and look for this code -

<div class='post-autor'>
<span class='autor-avatar'><img src='Avatar_url'/></span>

<span class='autor-descriÃ§Ã£o'>

<h4>Title</h4>

<p>Author description.......................</p>

</span>

</div>

Add the title and author description in the above code, save the changes. The sidebar includes the popular posts widget, archives, search, categories etc., you can modify that as per your choice. Overall its a nice template to use to display varied content.

Download the Super Clean Template
Read More or Download this Blogger Template

Hosting Review Blogger Theme

Posted by Bhavika On Saturday, September 10, 2011 0 comments

Hosting Review is an original blogger theme created by Deluxe Templates. This 3-column blogger layout has a featured slider, dual menu bar, widget ready sidebars and social bookmarking icons, and is suited for a technology theme.

The header section includes the search box, 468x60 banner ad and social media icons. In order to change the twitter and facebook links, go to Design--Edit Html, search for this code and replace deluxetemplates with your id -

http://www.twitter.com/deluxetemplates

http://www.facebook.com/deluxetemplates

To activate the slider, go to Design--Page Elements, click on 'Edit' Featured posts section, add this code -

<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="IMAGE_URL" />
<span><strong><a href="POST_LINK">POST_HEADLINE</a></strong>

<p>POST_DESCRIPTION...</p>
</span>
</li>

<li class="s3sliderImage">
<img src="IMAGE_URL" />
<span><strong><a href="POST_LINK">POST_HEADLINE</a></strong>

<p>POST_DESCRIPTION...</p>
</span>
</li>

<li class="s3sliderImage">

<img src="IMAGE_URL" />
<span><strong><a href="POST_LINK">POST_HEADLINE</a></strong>

<p>POST_DESCRIPTION...</p>
</span>
</li>

<div class="clear s3sliderImage"></div>
</ul>
</div>

Add the relevant links as mentioned in the code and save the changes. The two sidebars on either side of the main column include various widgets - About us, archive, Popular Posts widget etc., modify them as per your need from Design--Page Elements.

Download the Hosting Review Blogger Theme Read More or Download this Blogger Template

Sonya Blogger Template

Posted by Bhavika On Tuesday, September 06, 2011 0 comments

Sonya is a 3 column blogger theme created by Dzignine. It has a nice sliding effect for featured posts and a neat popular posts widget adjacent to it.

The dual navigation bar are completely customisable from Design--Page Elements, locate the 'navigation' section, click the edit link and add your links in the new pop up window that opens.

You can place a banner ad in the header section. Now moving on the slider, go to Edit Html and look for this code -

<li><a href='#'><img src='#'/></a></li>

Replace the first '#' with your post link and the second '#' with your image url, save the changes. The theme has two sidebars on either side of the main column, the right column comes with the Popular Posts widget, sponsor ads, blog archive etc. While the left sidebar can be used for other blogger widgets.

The theme has two versions - Personal (withour slider and auto read more) and business (with slider and auto read more). You can download both from the link below

Download the Sonya Blogger Template Read More or Download this Blogger Template

Vasiliki Blog Theme

Posted by Bhavika On Sunday, August 28, 2011 0 comments

Vasiliki is a 3 column blogger template originally created by Web2feel and ported to blogger by Best Theme. The template is unique in a way since the posts in the main column are arranged in grids in a brick fashion.

As you can see in the screenshot above, the header section includes the blog title, menu bar and search box. To edit the menu bar, go to Design--Layout and click on add new widget at the top of posting named linklist/ Top Menu/Menu etc, insert link widget to it, and save the changes.

Now for the important part - the main post area - use images which are 600px, in case they larger than that it will be resized automatically. Each grid displays post summaries with the 'Read More' link and number of comments.

The sidebar is widgetized so you can add different content including archive, recent posts, categories, sponsor ads etc.

Download the Vasiliki Blog Theme Read More or Download this Blogger Template

Prof Owl Blogger Template

Posted by Bhavika On Tuesday, August 23, 2011 0 comments

Prof Owl is a 2 column blogger template designed by WP Themes Expert and coded for blogger by Falcon Hive.

It has a simple layout and colour scheme. The header section is cute with an owl image on the side and the navigation bar below it where the links appear automatically on creating blog pages.

The columns are designed in a notebook format and it has the date stamp pinned on the side. It also includes a custom search box embedded in the sidebar, followed by blogger widgets that look like papers clipped together.

Its a nice theme to use if you have a personal diary blog or on random thoughts etc.

Download the Prof Owl Blogger Template Read More or Download this Blogger Template

Template Pin-Up 2 Blogspot Skin

Posted by Bhavika On Sunday, August 14, 2011 0 comments

Template Pin-Up 2 is a 2 column blogger skin designed by Templates Novo Blogger. Its an interesting theme with a nice look and feel, and can be used for a celebrity, lifestyle or a beauty blog.

Pin-Up 2 has a dual menu bar each one is placed above and below the header space. To edit the top right menu bar, just create a list of links and add it above the header from Design--Page Elements. For the second bar, access Edit Html and look for this code to modify -

<div id='subscribe'>
<ul>
<li class='link1'><a href=''>Categorias</a></li>
<li class='link2'><a href=''>Fotos</a></li>
<li class='link3'><a href=''>Arquivos</a></li>
<li class='link4'><a href=''>Sites</a></li>
</ul>
</div>


</div>

Place your link between a href='', change the titles - Fotos, Sites etc., and save the changes. The main column area is pretty impressive with the nice Read More icons after each post, and the icons also appear in the sidebar.

This theme includes the related posts widget that appears in the form of a slider, and 3 column footer space.

Download the Template Pin-Up 2 Blogspot Skin Read More or Download this Blogger Template

Add Author Box Below Blogger Posts

Posted by Bhavika On Wednesday, August 03, 2011 0 comments

add author information box below blogger posts

Ever thought of adding a author box at the end of a post giving information about you to your readers? Its a common feature on many wordpress blogs, and now its possible to add it on blogger blogs as well.

Here is a step-by-step instruction to display an author box. Go to Design--Edit HTML, click on expand widgets and search for this code -

]]></b:skin>

Add the following code just above that -

.author_info {
float: right;
width: 573px;
padding: 10px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: left;
margin: 0 0 0 10px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #e0e0e0;
}

Now look for this line of code -

<div class='post-footer-line post-footer-line-1'>

Insert the following below it and save the changes -

<b:if cond='data:blog.pageType == "item"'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://3.bp.blogspot.com/_tbHfaj1A058/TSGc3fOc-NI/AAAAAAAAL7A/GU6dmnqINik/s1600/images.jpeg'/></div>
<h3>About the Author</h3> This article is written by: <a href='YOUR_BLOGGER_PROFILE_LINK'><b>YourName</b></a> - who has already written <b>30</b> articles for <a href='BLOG_LINK'>BLOG_NAME</a> YourName is a professional web designer. Catch him on <a href='http://twitter.com/yourID'>Twitter</a>, <a href='Your Facebook URL'>Facebook</a> or <a href='your e mail ID'>email</a> him <br> </br> <br> </br>
YourName's <a href='your web url'>Website</a><br style='clear:both;'/>

</div>
</b:if>

Replace the text where ever mentioned in the above code, add your profile link, facebook, twitter ID and your contact details. You can also fiddle around with the font, spacing, alignment of the box etc in the first code. Read More or Download this Blogger Template