Blogger Blog Templates

Showing posts with label White and Grey. Show all posts

MXfluity Responsive Blogger Template

Posted by Bhavika On Monday, June 10, 2013 0 comments

MXfluity is a 2 column responsive blogger template with a grid layout. The theme comes with right or left sidebar option, related posts, emoticons in comments section, SEO optimized and its IE 9 compatible.

To configure the menu bar, go to Edit Html and search for this code -

<ul id='navinti'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
</ul>

Replace '#' with category links, add sub-categories under 'sub-menu', change the categories and save the changes. The sidebar shows your Recent comments, labels, blogroll, popular posts in a expandable form. You need to configure the Recent comments widget, enter the code below in an HTML widget -

<div id="rcentcomnets"></div>
<script type='text/javascript'>
//<![CDATA[
RecentComment({
numComments:5,
avatarSize:50,
characters:100,
adminBlog:""
});
//]]>
</script>

The template also displays related posts below each article and page navigation to view the next and previous posts.

Download MXfluity Responsive Blogger Template Read More or Download this Blogger Template

Stylo Blogger Theme

Posted by Bhavika On Friday, July 13, 2012 0 comments

Stylo is a 2 column blogger template created by Amaze Templates. It consists of featured posts slider, social icons, facebook widget and supports all the latest browsers.

Let's start by editing the first menu bar from Edit Html, this is the code you have to look for -

<ul class='menus menu-primary'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Templates<span class='sf-sub-indicator'> »</span></a>
<ul class='children' style='display: none; visibility: hidden; '>
<li><a href='#'>Archives</a></li>
<li><a href='#'>Contact Form</a></li>
<li><a href='#'>Full Width</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>
</li>

Replace '#' with category links and the default text, under 'ul class children' you can add more sub-categories, that means under 'templates' you need to make the changes. The social media icons come in the header section, so find the following code and add your Twitter, facebook etc., account links.

<div class='social-profiles-widget'>
<a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='http://1.bp.blogspot.com/-wXNK-1Pjdhs/T-uHiy5YWiI/AAAAAAAAA-8/qwTcB_24a24/s1600/twitter.png' title='Twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='Facebook' src='http://1.bp.blogspot.com/-dj5mNfp8d9g/T-uHe4PMqrI/AAAAAAAAA-c/ayYgjkNnaNY/s1600/facebook.png' title='Facebook'/></a>

The second menu bar needs to be changed as well, here's the code in Edit Html -

<li><a href='#'>Browsers</a></li>
<li><a href='#'>Computers</a></li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>News</a></li>
<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category1</a>
<ul>
<li><a href='#'>Sub Child Category1</a></li>
<li><a href='#'>Sub Child Category2</a></li>
<li><a href='#'>Sub Child Category3</a></li>
</ul>
</li>

Here you can add sub sub-categories as well, under 'Child category' and replace '#' with relevant links. Coming to the featured posts slider, you can edit the code below in Html -

<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://www.amazetemplates.com/Stylo/SliderImages/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.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>

Firstly, replace '#' with post url, change the image url, add the post title here 'This is default featured slide 1 title' and below it add brief post description. Follow the steps for the all the slides, keep the image size 645 x 300 px.

The main column has a short summary of the post linking to the full article. While the single sidebar on the right shows different blogger widgets and ads. The code for facebook like box is given in the download folder, you can add it in the sidebar from Layout.

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

Johny Bingung, a Movie Review Blogger Template

Posted by Bhavika On Thursday, July 05, 2012 0 comments

Johny Bingung is a 2 column movie or game review template created by Maskolis. The template features content slider, dual menu bar, category-wise display of posts, 3 column footer and much more.

Lets begin with the first menu bar, go to Edit Html and search for this code -

<li><a href='#'><span>Action</span>Big surprise</a></li>
<li><a class='arrow' href='#'><span>Box Office</span>The best movie</a>
<ul>
<li><a href='#'>DVD</a></li>
<li class='hr'/>
<li><a href='#'>Movie</a></li>
<li class='hr'/>
<li><a href='#'>Television</a></li>
</ul>
</li>

Replace '#' with your category links, change the text and the tagline like 'Big surprise' or 'The best movie' to suit your blog categories. Similarly, to edit the second menu bar, find the following code in Edit Html and make the changes. Replace 'sub menu 1, 2, 3' with sub-categories and you can add more categories under that as well. Follow the same steps for other sections and save the changes.

<div id='dropmenu'>
<div id='nav'>
<ul>
<li><a href='/' title='Home'>Home</a></li>
<li><a href='#' title='Drop menu'>Drop menu ››</a>
<ul class='children'>
<li><a href='#' title='Sub menu 1'>Sub menu 1 ››</a>
<ul class='children'>
<li><a href='#' title='Sub menu 1.1'>Sub menu 1.1</a></li>
<li><a href='#' title='Sub menu 1.2'>Sub menu 1.2</a></li>
<li><a href='#' title='Sub menu 1.3'>Sub menu 1.3</a></li>
</ul>
</li>

Moving on to the featured content slider, it picks up articles based on the selected label or category. Go to Layout, click on 'edit' feature content slider and add the label in 'content' box.

Below the navigation bar is the search box, category drop down section and subscription email box. In order to change the feed address, in Edit Html, check the expand widget templates box and find this code. Add your feed url in places marked in bold.

<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Enter your email address...';}' onfocus='if (this.value == 'Enter your email address...') {this.value = '';}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>

The main column automatically displays post thumbnails with comments in a grid format. While the sidebar comes with widgets which can be customised, you can show reviews from a particular category/label. To activate that feature, go to Layout, click on 'Edit' Moview Review and insert the below code, replace the text marked in bold with your blog url and the label -

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/play station?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 1; i < json.feed.entry.length; i++)
{
for (var j = 1; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://johny-backup.blogspot.com/feeds/posts/summary/-/play station?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johny-backup.blogspot.com/search/label/play station" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>

The internal post pages include social bookmarking icons, related articles and Facebook like button, making it easy to share content. The theme also has a neat looking comment form, to get that working simply replace your blog id in the code below, which is marked in bold.

<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=4900105838884725772&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500
"); return false;'>Reply</a>
</div>

You will get the blog id on your browser address bar when you go to the dashboard.

Download the Johny Movie Review Blogger Template Read More or Download this Blogger Template

Lugas Photo Blogger Template

Posted by Bhavika On Tuesday, June 19, 2012 0 comments

Lugas is a 2 column free blogger template created by Iksandi, it includes right sidebar, gallery-style layout which is good to use for a photo blog, 3 column footer, social icons and posts thumbnails.

The header section shows different social media icons, you have to insert your account name in the below code from Template--Edit Html -

<li class='icon'><a href='https://plus.google.com' target='_blank'><img src='https://lh4.googleusercontent.com/-7kyy2X9rPIY/T3YkOEFl1NI/AAAAAAAACEk/85E4jKWuJhI/s0/G.png'/></a></li>
<li class='icon'><a href='http://www.facebook.com' target='_blank'><img src='https://lh6.googleusercontent.com/-jjdQ8j1X7LA/T28ooXMhL_I/AAAAAAAACEk/DBdqaceRv04/s0/Fb.png'/></a></li>

The menu bar links have to be changed from Edit Html, and the code to look for is -

<li><a expr:href='data:blog.homepageUrl'>HOME</a></li>
<li><a href='#'>CATEGORY</a><ul>
<li><a href='http://thelugastemplate.blogspot.com/search/label/Scenery?max-results=15'>SCENERY</a></li>
<li><a href='http://thelugastemplate.blogspot.com/search/label/People?max-results=15'>PEOPLE</a></li>
<li><a href='http://thelugastemplate.blogspot.com/search/label/Folks?max-results=15'>FOLKS</a></li>
<li><a href='http://thelugastemplate.blogspot.com/search/label/Daily?max-results=15'>DAILY</a></li>
</ul></li>
<li><a href='http://thelugastemplate.blogspot.com/p/friends.html'>FRIENDS</a></li>

You can add sub categories as well, below 'Category' in the code and save the changes. Below the menu bar is a small box to display a welcome message, tagline or any other text, search for this code in Edit Html and change the text marked in bold.

put your amazing slogan here!

The photos are displayed neatly in gallery style, on hovering over it the picture slides to show the title and summary text, the look of the gallery is similar to Pinterest. The images have lightbox effect added to them, which is lighter and compact than the default Blogger lightbox.

Each post has the Facebook like button and Google Plus integrated along with related post widget and comment form at the end of it. The single sidebar shows only in the internal pages, where you can show different blogger widgets.

Download Lugas Photo Blogger Template Read More or Download this Blogger Template

Small Biz Blogger Template

Posted by Bhavika On Thursday, May 03, 2012 1 comments

Small Biz is a 2 column business theme converted from wordpress to blogger by Lasantha. Its a clean template with featured slider, tabbed widget and integrated social media buttons.

You can add your blog logo in the header from the Page Elements section of the new blogger version, logo size must be 284px width and 50px height. You can also insert a banner ad next to the logo. There is a small welcome note at the start of the blog for your readers. Moving on to the featured content slider, go to Edit Html and look for the below code -

<div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://2.bp.blogspot.com/-2oF247jRgWM/T5ar1J5LXhI/AAAAAAAAFTY/ezDTtJljGgY/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> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div>

Add the slider image, title, post description, and replace '#' with your featured post URL, follow the same steps for the remaining slides, save the changes. Below the slider, each post appears in a summarised format with thumbnail and labels. While the single sidebar displays your social media profiles, search box and other widgets. In order to change the tab names, find this code in Edit Html and replace the titles.

<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>

Download the Small Biz Blogger Template Read More or Download this Blogger Template

Blogger Store, Shopping Template

Posted by Bhavika On Friday, November 04, 2011 4 comments

If you are looking to start an e-commerce or shopping site then this is the theme for you. Blogger Store is a better version of the shopping cart template designed by Java Templates and Zoom Template. The template includes dual dropdown menu bar, slider, grid and list style post view, animated shopping cart and more.

blogger store shopping template grid view

Once you have uploaded the theme, you can start with customising the template settings. In order to change the Shopping Cart code, go to Edit Html and search for this -

<script type='text/javascript'>
//<![CDATA[
/* SIMPLE CART SETTING
>>>>>>>>>>>>>>>>>>>>>>>>*/
simpleCart.email = 'rifkiblogger@gmail.com';
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
//]]>
</script>

Replace the email id marked in bold, and change the default currency 'USD' to your currency, please check the list of available currency in the download folder and save the changes. To proceed with the navigation bar, edit the links in the top menu from Edit Html and add your links here '#' and related text -

<ul id='top-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Category</a>
<ul class='sub-menu'>
<li><a href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
</ul>

Similarly for the second menu bar, modify the links and categories in the below code -

<ul class='nav'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>Product Category</a>
<ul>
<li><a href='#'>Camera</a></li>
<li><a href='#'>Gadget</a></li>
<li><a href='#'>Electronic</a></li>
<li><a href='#'>Phone</a></li>
</ul>
</li>
<li><a href='/p/sample-page.html'>Sample Page</a></li>
<li><a href='#'>How To Use ?</a></li>
<li><a href='#'>Get it !</a></li>
</ul>

Coming to the slider that can be used to display your featured products, the default setting will show your latest posts. If you want to show posts by specific label/category, go to Edit Html and search for this line of code -

<script src='/feeds/posts/default?orderby=updated&alt=json-in-script&callback=featured_product' type='text/javascript'/>

Replace it with this one, and add the label/category -

<script type="text/javascript" src="/feeds/posts/default/-/YOUR LABEL HERE?orderby=updated&alt=json-in-script&callback=featured_product"></script>

Before you start creating new posts you need to insert a code in Settings--Formatting--Post Template (this would be in the old blogger interface) in the new one its Settings--Posts.

<div class="item_image">
<img border="0" class="item_thumb" src="product_image.jpg" />
<span class="item_price">$00.00</span>
</div>

<div class="item_Description">
Descriptions...
</div>

Now you create a post, put in a product title which will also be the product name on ShoppingCart, add an image (preferred size is 140x140), copy the image URL and paste it in the below code, add the product price, description and you are set to publish.

<div class="item_image">
<img border="0" class="item_thumb" src="http://example.com/product_image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Product description.
</div>

There is an animated shopping cart button in the second menu bar that shows the total items and price, on clicking on it detailed view of the products purchased pops up.

Download the Blogger Store, Shopping 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

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

Fotofolio Blogger Template

Posted by Bhavika On Friday, January 21, 2011 3 comments

Fotofolio is a 2 column wordpress theme brought to blogger by Wordpress to Blogger. The photo blog theme has a simple, clean layout with white and grey colour scheme.

The home page displays the main image and thumbnail versions of other photos. Adjacent to that you can insert a brief description about your blog or a welcome message for the readers. Go to Design--Edit Html, look for the below code, and simply add your text below this line of code-

On entering the main post the image displays along side the post title, description, author and date stamp. In order to post images, its necessary to add the following code and insert the relevant links -

<div class="pic"><a rel="http://put-image-url-here" href="http://put-post-url-here"><img src="http://put-image-url-here" /></a>Put image description here</div>

Fotofolio also includes a 3 column footer where you can insert your categories, archives and various blogger widgets. Overall, its a decent theme to use for photo blog, however, the navigation bar is missing, so you can make use of the footer column.

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

Neste Blog Template

Posted by Bhavika On Monday, December 06, 2010 5 comments

Neste is a 3 column blogger template originally created by New WP Themes and ported to blogger by Premium Blogger Templates. The theme includes a featured slider, dual menu bar and featured video section.

The header space starts off with the horizontal menu bar on top right, followed by the blog logo and the second menu bar below it. You can add your blog logo and title in Page Elements--Edit section, the image size must be 286px width and 68px height.

The main column features the slider to display your top content. Modify the content of the slider from Edit Html and look for the below code -

<div id='myGallery'>

<div class='imageElement'>
<h3>This is featured post 1 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>
<a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'/>
<img alt='' class='full' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TOv2mBgU7hI/AAAAAAAAIOQ/rZFzaRce6ic/s1600/1.jpg'/>
</div>

Replace the text in the code with the post title, description, post link and image, which has to be 480px by 280px. Follow the same steps for each slide and save the changes.

The second column includes a set of social bookmarking icons to facilitate readers to share your content on various social media sites, this is followed by an internal search box and featured video section. While the third column, which is a bit narrow, includes 'Subscribe to feed' and 'Follow on Twitter' option and the default blogger widgets.

Download the Neste Blog Template with slider

Its also available without the slider - Download the Neste Blog Template without the slider Read More or Download this Blogger Template

Bloggermint, a Premium Blogger Template

Posted by Bhavika On Thursday, August 26, 2010 21 comments

Bloggermint is a premium theme designed by Franklin Manuel. Its a 3 column template with a clean layout and some cool features, which are easy to customize.

The template consists of a dual navigation bar, which is above and below the header. In order to change the links in the topmost menu bar, go to Design--Edit Html and look for the following code -

<ul id='nav1'>

You can add the links to your Home page, contact etc. While the second menu bar below the header image, has a sub-menu to display categories etc. To change the default links, go to Design--Edit Html, search for this code and add your links in the code below this one -

<ul id=’nav2′>

While in the main column, each post appears automatically in a summarized format with social bookmarking icons at the end of it and an author info widget. In order to edit the text in the author box, access Edit Html and find this code -

<div class='author_info'>

Change the text to what you desire, along with the image link - http://i50.tinypic.com/iw7lec.jpg, create an image with the size 130×130 pixels. Each post also has Facebook and Twitter share button below the headline. To replace the default code with your id, go to Edit Html, expand the template and search for and replace bloggermint with your twitter id -

data-via=’bloggermint’

Bloggermint also includes page numbered navigation. The sidebar has the Subscribe option (Facebook, Twitter, RSS, email and YouTube), you can modify the links in Edit Html, just look for the below code -

<h3 style=’margin-bottom:10px;’>Subscribe</h3>

This is followed by Recent Posts with thumbnails widget, default search box, Archives etc. Overall Bloggermint is lovely theme, can be used for a blog/site with multiple topics, professional blog etc.

Download the Bloggermint, a Premium Blogger Template Read More or Download this Blogger Template

Matapat Blogger Skin

Posted by Bhavika On Tuesday, January 19, 2010 0 comments

Matapat is a 2 column theme designed by Paddsolutions and converted to blogger by Anshul.

The template features a menu bar on top followed by the blog title on the left and an internal search box. This theme has separate space for the main blog categories namely Home, About and Contact with relevant icons for each section.

The highlight of this theme would be the slider where you can display your top posts or featured content that appears with post title and description. Adjacent to that are twitter, facebook and RSS subscribe buttons. To activate the icons, go to Edit Html and search for the following code -

<ul>
<li class='rss'><span><a href='FEED URL HERE' title='RSS Feed'>Subscribe via RSS</a></span></li>
<li class='email'><span><a href='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-URI-HERE' title='RSS Email'>Subscribe via Email</a></span></li>
<li class='twitter'><span><a class='icon-twitter' href='http://www.twitter.com/YOUR-URL-HERE'>Follow my Tweets</a></span></li>
<li class='facebook'><span><a class='icon-facebook' href='http://www.facebook.com/YOUR-URL-HERE'>Be my Facebook Fan</a></span></li>
</ul>

Add your links at relevant spots where 'Your URL Here' is mentioned. For the slider to function, you need to access Edit Html and add your links in the code below -

<li class='s3sliderImage' id='featured-1'>
<a href='YOUR-URL-HERE'><img alt='' height='283' src='http://1.bp.blogspot.com/_j82W7u9kZbs/S0tvaDXfqKI/AAAAAAAAA5k/ZrdEi3WisBk/s1600/logo+blog+navidades.jpg' width='660'/></a>
<span class='right'><strong><a href='YOUR-URL-HERE'>POST TITLE</a></strong><br/><p>POST DESCRIPTION</p></span>
</li>

Repeat the step to add more post links in the slider. In the main column each post appears in a summarised format with automatic Read More feature enabled, and at the end of each post there are nice social bookmarking icons installed for your readers to share the post, along with the related posts widget.

The single sidebar can be used to add more blogger widgets. This theme also consists of a three column footer providing you with more space to display your content.

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

White Slide Blogger Template

Posted by Clyde On Wednesday, April 01, 2009 6 comments

The White Slide Video template was built by Ipietoon using scripts from dynamic drive that Jinsona used in the Zinmag template series that was first converted to Blogger by Falcon Hive.

The white slide starts off with a dynamic slider that displays two of your featured posts at a time, the amount of posts is not limited except by the increasing size of your web page with the image weight. The template starts off with a navigation bar on the top of the screen and is followed by the blog title.

The post titles are nice and bold with a neat section under them that holds the Author, Post Date, Labels and Comment Count in a nice neat strip. The sidebar on the right starts off with a neat little search bar that matches the blog theme and then has a specially created section that stands out where you can place a widget that you like.

The sidebar branches into two sections making the white slide a three column video blogging template for blogger. Its theme is quite minimalistic except for the slide gradient shifts in color towards the top of each of the columns.

Download the White Slide Blogger Template Read More or Download this Blogger Template

A New Day Blogger Skin

Posted by Clyde On Sunday, May 11, 2008 0 comments

The Beautilful Blogger Buster, Amanda has created yet another original design for the blogspot platform a simple yet elegant one.

A new day blogger template is a simple two column white and gray theme. Although the theme has rounded corners even in the sidebar elements which makes it look quite elegant.

The header image of this theme is not just for the main column but flows through the entire template background as well as though the main container is transparent and floats above it. Apart from that this template has the headline, under that the date stamp, labels and the comment counter on the left.

There is no main navigation although there are a bunch of links on the top right of the header and the title floats on the left. There is a footer where widgets can be placed as you can see in the image there are adsense advertisments there.

Download A New Day Blogger Skin Read More or Download this Blogger Template

Indomagz Premium Template

Posted by Clyde On Sunday, April 20, 2008 0 comments

The Indomagz template was created by Magznetwork for wordpress and then ported to blogger by the fast action Gosu blogger.

The Indomagz template is a three column blogger template with White and Grey being the primary colours. The template has a few good features that can be utilized by professional bloggers.

Above the header on the left you will find a search bar and the RSS feed icons, while the blog title lies on the left. Under the header are the navigational links on a strip of blue, this strip is also present on the footer.

The sidebar is divided into two sections, the section on top has three spots for advertisments. The lower sidebar is broken up into two sections to hold your links and page elements. If you like this template the link to download it is provided below.

Download the Indomagz Premium Blogger Template Read More or Download this Blogger Template

Cooking Blogger Template

Posted by Clyde On Wednesday, April 16, 2008 8 comments

This was a template that I requested Gosu Blogger to convert for me so I could use it on my goan recipes blog. Its originally the Veggie & Spice template designed by Easy Wahm Websites.

This two column blogger template is apt for a blog dedicated to cooking, it has a set of navigational links on the top left above the header image. On the left of the header image you have the blog title displayed.

Apart from the attractive image in the header everything else is quite plain and simple except the posts are seperated by a dotted line with a cooking pan. The templates main colors are White and Grey.

So if you have a cooking blog or a blog related to food, go ahead and download this one.

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

Typo XP 2.1 Blogger Template

Posted by Clyde On Wednesday, March 05, 2008 0 comments

This is the best blogger template on this blog for many reasons that I will disclose as I describe it. First let me thank the creator who seems to be getting pissed of cause people seem to be stealing his template and not linking back.

Looks like an ordinary blogger blog? But you are not going to believe the immense features that this template packs. Lets finish off with the usual stuff first and then lets get into what makes this template unique!

The header has a nice translucent feel to it and there are navigational menu buttons to the left hand side of it. Now if you want a header image you can do it directly from your page elements.

Some of the killer features are that, the sidebar is broken up into four different parts. The top sidebar and the bottom sidebar while in between the two you have the bar divided into left and right. This will really help in getting a lot of content there but not the best feature. Every widget of the sidebar has an icon for it which is uber cool.

This template comes with expandable posts, so you can give the home page a more professional look.

Instructions To Use the Expandable Post Feature:

You will need to use the < span class="fullpost" >< /span > code to activate this feature on a particular post.

Your post will look like this:

Here is the beginning of your post. (This will appear on the homepage) < span class="fullpost" >And here is the rest of it.< /span >

When a reader visits your blog, this post will appear like this:
Here is the beginning of my post. Read more…

When they click the Read More they will go to the page with the full post.

Thats just another great feature some more are the Author Comment Highlight, Recent Posts Widget, Recent Comments Widget and the Search Widget which are provided below.

The recent post widget is a hack from beautiful beta so its a little different as it displays post headline, date, author and one line from the post.

Typo XP 2.1 Search Widget:

Typo XP 2.1 Recent Comments Widget:

Typo XP 2.1 Recent Posts Widget:

Do not forget to replace your blog name in the above scripts. You can also see a live demo of the template here.

Download the Typo XP 2.1 Blogger Template Read More or Download this Blogger Template

Polaroid Blogger Template

Posted by Clyde On Monday, March 03, 2008 16 comments

This template was originally created by Adii for wordpress. Take a look at this one its quite unique and modern with a range of features that will thrill you.

The Polaroid wordpress template has been ported to blogger by eblogtemplates. Now take a look at the screen shot of the header area of the skin. The top right has the feed and comments rss subscription links, do not forget to put in your own feed URL here from the page elements menu. The header is absolutely unique with the ability of having an image in the center integrated in a Polaroid frame with two text boxes on either side of it.

You can probably have one box to describe your site and the other could be the about me. The blog has three colors so it doesn't look too glittery, a nice grey strip runs just below the header that has all the links required to browse through the main categories or pages of your site. These links can be changed to suit your requirements from the Edit Html section in your blogger dashboard. Search for these links and replace the # with the links you would like. You can also change the text like About Me etc.

<a
href='/'>HOME</a></li><li><a
href='#'>ABOUT ME</a></li><li><a
href='#'>ANOTHER PAGE</a></li>

The top of the right hand side bar has three 125*125 boxes which are perfect to host your advertisements or recommended money makers.

One very noticeable feature is the main column and the sidebars are equally proportionate, hence there is a lot of space in the sidebars. Under the three ad units your sidebar divides into two, where you can have either your link lists, recent comments and recent articles that come built in with this template. For the blog archives to display properly you will need to change the Archive Style from your page elements to Flat list as shown in the image below.

Just above the footer, you have your recent visitors list, that is already incorporated in the sidebar., where you can insert your Mybloglog code or your Blog catalog widget Below that is a flickr stream that is another beautiful feature of the Polaroid Blogger template.

The flickr photo stream code is shown below in the screenshot and the code is provided as well. I do hope you enjoy another beautiful template brought to you by blogger templates!

<a
href='http://www.flickr.com/photos/alankin/2213697421/'><img
alt='different paths' src='http://farm3.static.flickr.com/2312/2213697421_6be21edcfa_s.jpg'/></a></p><p><a
href='http://www.flickr.com/photos/alankin/2213697413/'><img
alt='college campus lawn' src='http://farm3.static.flickr.com/2399/2213697413_c30648a36a_s.jpg'/></a></p><p><a
href='http://www.flickr.com/photos/alankin/2213697411/'><img
alt='wires in front of sky' src='http://farm3.static.flickr.com/2150/2213697411_96525d4022_s.jpg'/></a></p><p><a
href='http://www.flickr.com/photos/alankin/2213632473/'><img
alt='aerial perspective' src='http://farm3.static.flickr.com/2215/2213632473_8cf8af1c7f_s.jpg'/></a></p><p><a
href='http://www.flickr.com/photos/alankin/2213632465/'><img
alt='clouds' src='http://farm3.static.flickr.com/2043/2213632465_5ce3aa4813_s.jpg'/></a></p><p><a
href='http://www.flickr.com/photos/alankin/2213632461/'><img
alt='clouds over the highway' src='http://farm3.static.flickr.com/2392/2213632461_96a8be9c06_s.jpg'/></a></p><p><a
href='http://www.flickr.com/photos/alankin/2214395424/'><img
alt='The Poultney Inn' src='http://farm3.static.flickr.com/2253/2214395424_b9f11a18c0_s.jpg'/></a></p><p><a
href='http://www.flickr.com/photos/alankin/2214395422/'><img
alt='apartment for rent' src='http://farm3.static.flickr.com/2133/2214395422_1aa98af39f_s.jpg'/></a>

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

Beautiful Day Blogger Template

Posted by Clyde On Friday, February 15, 2008 0 comments

The Beautiful day template has been ported to blogger by Erica, it was originally a free html template by Arcsin.

If you take a look at the screenshot, you can see how beautiful this template is. Erica things this template has beautiful graphics and colour and I agree with her. I like the use of pastel shades in this blog and the feeling it provides.

I highly recommend this template for an anti war blog or a blog that is pro peace. The Beautiful day blogger skin gives out a feeling of peacefulness as well as elegance. It is a two column blogger template with some nicely flushed buttons just under the header.

The links to the buttons in the header can be modified via your add a page element and it is also possible to add widgets into the footer.

Download the Beautiful Day Blogger Template Read More or Download this Blogger Template

Blogger Blog Templates

Free blogger templates for your blogspot blog...

Blogger Store

Lightroom Photo Blog Template

Magpress

Sens

Pop Out Social Bookmarking Widget