Blogger Blog Templates

SuperHost Blogger Template

Posted by Bhavika On Monday, March 19, 2012 0 comments

SuperHost is a 3 column blogger template ported from wordpress by Lasantha Bandara. The theme features include dual navigation bar with dropdown, full width slider and tabbed widget.

The first menu bar on top can be modified from Design--Page Elements, create a link list and save the changes. Below it is the header section with a banner ad on the right, followed by the second menu bar with sub-category dropdown. Search for this code in Edit Html and add your category, sub-category links.

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>

Now to edit the featured content slider, find this code in Edit Html -

<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://2.bp.blogspot.com/-TmkRkfVVS4I/Tz77uEfBLTI/AAAAAAAADeg/6Zc88ULY0r0/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
</p>
</div>

Caryy out the changes in the above code - add the image link, post link, slide title and description, follow the same steps for remaining slides. The main column in the center displays snippets of the post with labels and images.

While the two sidebars show different widgets including the social media icons, search box, tabber etc. If you want to change the tab names, look for this code in Edit Html and save -

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>

To add your social media links in the right sidebar, search for this code -

<h3 class='widgettitle'>Social Profiles</h3>
<a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/-oFF4HrEbwaI/To9NpETr6dI/AAAAAAAAEJk/jowvXNvTKcY/s1600/twitter.png' title='Twitter'/></a>

Add your twitter handle (marked in bold), similarly put in your facebook, google plus id in subsequent code.

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

Darky Blogger Template

Posted by Bhavika On Friday, March 09, 2012 0 comments

Darky is a 2 column blogger template designed by Blogger Mint. Its a minimalist theme with left sidebar, dark background, custom fonts and multicolor header characters.

Its a simple template which can be easily customised, beginning with the colorful menu bar, you can insert your links and even change the HTML colour code from Design--Edit Html, search for this code -

<a expr:href='data:blog.homepageUrl' style='background: #C44032;'>Home</a></li>
<li class='page_item'><a href='#' style='background: #E6C92E;' title=''>About</a></li>
<li class='page_item'><a href='#' style='background: #5DA028;' title=''>Gallery</a></li>
<li class='page_item'><a href='#' style='background: #7073CF;' title=''>Contact</a></li>

Each post appears in a summarised format in the main column with Read More link to the post. Social bookmarking icons are integrated at the end of the post so readers could share your content.

The single sidebar on the left has nice effect under each widget.

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

Angry Birds Blogger Template

Posted by Bhavika On Monday, February 20, 2012 1 comments

Angry Birds is a 2 column blogger theme designed by Theme Snack and ported to blogger by Chica Blogger. Its a colorful theme with a slider, automatic summaries with thumbnails, featured author comments and 3 column footer.

The theme has a menu bar on top to display pages like Contact, About etc., after which is the header logo and slider. To modify the slider, go to Edit Html and look for the below code -

<div id='slider'>

<a href='http://angrybirds.themesnack.net/?p=24' title='Introducing WP Theme'>

<img alt='' src='http://4.bp.blogspot.com/-dPjpuC2oyXM/Ts2hwaYzI_I/AAAAAAAACq8/PRrUt7GLXV8/s1600/5.jpg' title='Introducing WP Theme'/>

</a>

<a href='http://angrybirds.themesnack.net/?p=21' title='Another image in a post'>

<img alt='' src='http://1.bp.blogspot.com/-ENdSWyspy08/Ts2iKJP5szI/AAAAAAAACrI/QAvlVIReZQA/s1600/4.jpg' title='Another image in a post'/>

</a>

Add the post link, title, img alt text and image url for each slide and save the changes. In the main column each post comes with a short summary linking to the full post and thumbnail. The single sidebar has a nice section to display social media icons, you can add your own image, if you like, add the user id and one line text and save the changes. Follow the same step for your RSS feed and facebook.

<a href='YOUR-LINK-HERE'>
<img alt='Twitter' src='http://1.bp.blogspot.com/-iekDCUVs3Dg/Ts2ZqqRjv0I/AAAAAAAACqc/PbEaxTHQ8Ug/s1600/twitter.png'/></a>
<h4><a href='YOUR-LINK-HERE'>Follow me</a></h4>
<p>You can follow my updates on Twitter</p>

</li>

<li>

<a href='YOUR-LINK-HERE'>
<img alt='Feed' src='http://3.bp.blogspot.com/-I3VbqY1KmLo/Ts2ZrHYLYNI/AAAAAAAACqk/OE57s_gmAw4/s1600/rss.png'/></a>
<h4><a href='YOUR-LINK-HERE'>Posts RSS</a></h4>
<p>Read my full posts on your favorite feed reader</p>
</li>
<li>

Below this is the search box, followed by blogger widgets like Popular Posts, archives etc. Angry Birds is good to use if you want a simple, functional theme for a kids blog.

Download the Angry Birds Blogger Template Read More or Download this Blogger Template

MagPress Blogger Template

Posted by Bhavika On Wednesday, February 01, 2012 0 comments

MagPress is a magazine style blogger template designed by New WP themes and converted to blogger by Lasantha. Its a 3 column theme with dual navigation bar, featured content slider and 4 column footer.

You can add your blog logo from Page Elements, which is the default Blogger method, image size should be 270px width and 43px height.

To configure the top navigation bar, go to Design--Page Elements, create a link list of pages like About, Contact, Advertise, etc., and save the changes. The second menu bar that comes with a drop-down, go to Edit Html and find this code -

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>#039;#

Change the main category (Business, Downloads etc) and sub-categories under 'ul class=children', insert the relevant links and follow the same steps for other default categories. Moving on to the slider, go to Edit Html and find this code -

<div class='fp-thumbnail'>
<a href='#'><img src='http://1.bp.blogspot.com/-JvhwCcqa-rw/TwL46MDfD0I/AAAAAAAACMk/Si0xNf-L0yo/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger Edit Html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
</p>

Add the post link, image url, post title and short description in the above code and repeat the steps for remaining slides. The sidebar on the right includes social media icons for users to connect with you, a search box, and tabbed widget to show varied content. Change the tab names from Edit Html -

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>

You can utilise the second sidebar and footer space to show more content. Overall Magpress has a simple layout and can be used if you have lots of content on your site.

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

Nomad Blog Template

Posted by Bhavika On Monday, January 23, 2012 0 comments

Nomad is a 2 column portfolio style template created by Web2Feel and converted to blogger by Best Theme. The template has a simple and clean layout with a left sidebar and 4 column footer.

Lets start with the menu bar on top, go to Design--Page Elements, click on edit 'Link list' and create one of your own. To modify the slider, go to Edit Html and search for this code -

<a href='#Link URL'><img alt='' class='slideimg' src='http://2.bp.blogspot.com/-TFvtizGX9xg/TclVwvR0n1I/AAAAAAAAFKk/GPUU-lbgOfM/s1600/beauty-of-nature.jpg' title=''/></a>
</li>

<li>
<a href='#Link'><img alt='' class='slideimg' src='http://2.bp.blogspot.com/-qHPzW7cHKvE/TclWS8IjaLI/AAAAAAAAFKs/5HbetZCZRnI/s1600/nature-photography.jpg' title=''/></a>
</li>

Add details like post url, link, change the image url, title and follow the same steps for all the slides, save the changes. The image size can be around 650px x 430px. The main post area includes boxes with an image, short brief on the post linking to the entire article and comments.

The left sidebar has the blog logo on top, access your Edit Html, find this image url and replace it-

http://3.bp.blogspot.com/-9S6F5BDojXI/TxK1wOJq8kI/AAAAAAAAGoM/BlKu-iOPYp0/s1600/logo.png

Additional content or blogger widgets will display in the sidebar and footer.

Download the Nomad Blog Template Read More or Download this Blogger Template

Vito's Restaurant Food Blogger Template

Posted by Bhavika On Sunday, January 08, 2012 0 comments

Vito's Restaurant is a 3 column food or cooking blogger template designed by Putu Eka Ariyasa. It has a neat food design and main layout, with left and right sidebar, and 4 column footer.

Lets start with the main menu bar on top, to modify the links, create pages like About, Contaact etc from Posting--Edit Pages--New Pages, and the link will appear in the menu bar. To change the slider, go to Design--Edit HTML > Expand Widget Templates, search for this code -

<div id='slider-wrapper'>
<div id='slider'>
<a href='#'>
<img alt='' src='https://lh3.googleusercontent.com/-FD-WqmvrAO0/Tv08QcngXpI/AAAAAAAAAvY/dV2E8BPEifk/h1600/slider-1.jpg' title='#slide-caption-one'/>
</a>

Add image link, alt text, image url, description and save the changes, follow the same steps for the remaining slides. The main post appears below it, at the end of the post is a small box which has the default Blogger social media icons, labels and comments.

The two sidebars and the footer space can be utilised to display labels, categories, archives, or any blogger widgets.

Download the Vito's Restaurant Food Blogger Template Read More or Download this Blogger Template

VideoTek Blogger Theme

Posted by Bhavika On Wednesday, December 21, 2011 1 comments

VideoTek is a 2 column template created by Theme Pix and ported to blogger by Deluxe templates. Its a movie-related theme with a featured content slider, social bookmarking icons, pages enabled and an internal search box.

The first menu bar on top is used to display pages, so once you create a page, the link automatically appears on top. The social bookmarking icons next to it can be changed from Edit Html, search for this line, and replace deluxetemplates with your user name -

twitter.com/deluxetemplates

Similarly for facebook, search for -

facebook.com/deluxetemplates

Replace the user name with your facebook id. Now moving on the slider, the code is inserted in Design--Page elements under Featured Posts, click on edit and replace the relevant details in the code, like the image url, link, post headline and description, follow the same steps for all the slides and save -

<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="http://3.bp.blogspot.com/_Ax-O2ayi6kU/TSGsLt4NWOI/AAAAAAAABCg/3Uukug-mi0w/s1600/1.jpg" />
<span><strong><a href="POST_LINK#">Blockquote</a></strong>

<p>Sed dignissim mauris nec velit ultrices id euismod orci iaculis. Aliquam ut justo id massa consectetur pellentesque pharetra ullamcorper nisl...</p>
</span>
</li>

The second menu bar above the slider shows labels automatically. The right sidebar will show different blogger widgets - Archives, Popular Posts, categories etc., as per your choice.

Download the VideoTek Blogger Theme Read More or Download this Blogger Template