Blogger Blog Templates

Showing posts with label White and Black. Show all posts

Galauness, a Minimalist Blogger Template

Posted by Bhavika On Monday, October 01, 2012 0 comments

Galauness is a clean, minimalist 3 column blogger template created by Iksandi. The template includes neat display of post images with cool hover on effects, custom 404 error page and custom lightbox, related posts articles and social media buttons, 3 column footer and is available in two background colours - white and black.

Galauness, a minimalist clean blogger template

You can begin by configuring the social media links above the header, search for this code in Edit Html and add your account ids -

<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Feed</a>
</li>
<li class='icon-facebook'>
<a href='http://facebook.com'>Facebook</a>
</li>
<li class='icon-twitter'>
<a href='http://twitter.com'>Twitter</a>
</li>
<li class='icon-gplus'>
<a href='https://plus.google.com'>GPlus</a>
</li>
<li class='icon-youtube'>
<a href='http://youtube.com'>Youtube</a>
</li>
<li class='icon-flickr'>
<a href='http://flickr.com'>flickr</a>
</li>
<li class='icon-lastfm'>
<a href='http://last.fm'>Last.fm</a>
</li>
<li class='icon-instagram'>
<a href='http://instagr.am'>Instagram</a>
</li>
<li class='icon-skype'>
<a href='http://www.skype.com'>Skype</a>
</li>

Next is the top navigation bar, find this code in Edit Html and make the changes -

<div class='nav'>
<ul class='menu' id='menu'>
<li><a expr:href='data:blog.homepageUrl'>home</a></li>
<li><a class='drop-ctg' href='#'>category</a>
<ul>
<li><a href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a></li>
<li><a href='#'>Category 4</a></li>
</ul>
</li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a expr:href='data:blog.homepageUrl + "404"'>404 Error Page</a></li>
</ul>
</div>

Replace '#' with the category links, add sub-categories and save the changes. The main column shows the post images, text and comment on hover, its a lovely effect to have on blogger.

You also need to configure the post date from Settings--Language and formatting, change the Date Header Format and Timestamp Format, this step has to be done in order to avoid any errors. Also make sure you have disabled lightbox and comment form is embedded below post in Settings--Posts and comments, as shown in the image below.

galauness blogger template comment and lightbox setting

The footer also includes several features, like putting up your flickr stream. In order to activate that, paste this code in Layout--Add a gadget and add your flickr username (marked in bold) -

<script src=”http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=USERNAME” type=”text/javascript”></script>

Galauness minimalist clean blogger template footer

Next to Flickr you can also show your latest twitter updates, add the below code in Layout--Add a gadget and change Username with your twitter handle -

<div id=”twitter_div”>
<ul id=”twitter_update_list”></ul>
</div>
<script src=”http://twitter.com/javascripts/blogger.js” type=”text/javascript”></script>
<script src=”http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=3″ type=’text/javascript’></script>

Download Galauness Blogger Template Read More or Download this Blogger Template

NewsPlus Blogger Template

Posted by Bhavika On Friday, August 17, 2012 0 comments

NewsPlus is a magazine style 3 column blogger template ported from wordpress by Lasantha. It includes a featured content slider, dual navigation bar with dropdown option, tabbed widget.

Let's begin with the header section, replace the blog logo from layout, click on edit 'header' and upload your logo, keep the image size 270px width and 42px height. Moving o nto the menu bar, the first menu shows pages automatically once you have published them. For the second bar, look for the below code in Edit Html -

<ul class='menus menu-secondary'>

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

In the above code replace '#' with the relevant links, change the default categories like 'Business', 'Download' etc., you can also put in sub-categories under 'ul class=children' like under 'Software' category, make changes in the subsequent code in Edit html and save.

Moving on to the featured content slider, search for this code in Edit Html, which is for the first slide -

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>


<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://4.bp.blogspot.com/-_27tWoeRYpI/UB8q2eXYzrI/AAAAAAAAGvE/WuGp4wIREH4/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>

Replace '#' with post link, add the image url, post title and description as indicated in the code, follow the same steps for all the slides and save the changes.

The two sidebars are on either side of the main column, you can add different widgets of your choice. To change the default name of the tabbed widget, look for this code and change the text marked in bold -

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

The theme also includes social media icons and search box in the sidebar.

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

White Blogger Template

Posted by Bhavika On Monday, August 06, 2012 4 comments

Putih Pekat or White is a 2 column blogger theme designed by Iksandi. It has a clean, minimalist layout featuring popular posts widget with sliding effect and post summary, related posts widget, and 3 column footer.

The horizontal menu bar picks up page links and shows automatically. The slider displays the popular posts with short brief linking to the post, this too is automatic. Whereas in the main column each post image shows up with summary and 'Read more' link.

There is additional space in the footer that includes twitter updates, About me and video section. To change the twitter setting, go to Layout, edit 'Twitter update' gadget and add the below code, don't forget to add your twitter handle as mentioned -

<div id=”twitter_div”>
<ul id=”twitter_update_list”></ul>
</div>
<script src=”http://twitter.com/javascripts/blogger.js” type=”text/javascript”></script>
<script src=”http://twitter.com/statuses/user_timeline/YOUR-TWITTER-USERNAME.json?callback=twitterCallback2&count=3″ type=’text/javascript’></script>

Adjacent to it you can upload your favorite video, just add the embed code in Layout--click on edit 'Video widget' and paste, you must use 480px YouTube video.

The 3 column footer includes the search box, follow blog by email option - for which you have to insert your feedburner url from layout - blog roll, quotes etc.

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

Sporty Magazine 2 Blogger Template

Posted by Bhavika On Thursday, July 26, 2012 1 comments

Sporty magazine 2 is a 3 column sports blogger template created by Borneo Templates. Its a professional theme with dropdown menu bar, featured slideshow, news ticker, twitter widget, 5 column footer and social bookmarking icons on post pages.

sporty magazine football blogger template

Lets start with the menu bar, search for the below code in Edit Html and change the links -

<div id='menuwrapper'>
<ul id='menubar'>
<li class='selected'><a href='/'><img border='0' src='http://1.bp.blogspot.com/-7Eveg1Sruok/TZE6GFV_OHI/AAAAAAAABZo/jRHomtpFbd0/s1600/home_white.png' style='padding:0px;'/></a></li>
<li class='selected'><a href='#'>About Us</a></li>

<li><a class='trigger' href='#'>Contact Us</a>
<ul>
<li><a href='#'>Herdiansyah Blog</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li><a href='#'>Contact on Twitter</a></li>
<li class='hr'/>
<li><a href='#'>Free Template Design</a></li>
</ul>
</li>

Replace '#' with page or category links and default labels with your own labels, you can also add sub-categories, for example - below 'Contact us'. Next up is the news ticker, you have to register for Google Developers API Code and you will see your API key. Once done, search for this code in Edit HTML -

<script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw'/>

Replace the code marked in bold with your API key. Next step is to add your blog link, indicated in bold, in the following code, so the news update picks up the latest posts -

<div class='newspic'>
<div class='news'>
<div style='float:left;padding:5px 60px 5px 0;font:bold 14px Arial;color:#333;text-transform:none;'>
News Update :
</div>

<div style='float:left;width:800px;padding:4px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Herdiansyah Hamzah", "http://sportymagazine2.blogspot.com/feeds/posts/default") //

To activate the slider, add the below code in Layout--Add a Html/javascript gadget and paste -

<div id='featured'>
<ul class='ui-tabs-nav'>


<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt="" src="#" /><span>Post Title</span></a></li>


<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt="" src="#" /><span>Post Title</span></a></li>


<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt="" src="#" /><span>Post Title</span></a></li>


<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt="" src="#" /><span>Post Title</span></a></li>
</ul>


<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt="" src="#" />
<div class='info'>
<h2><a href=' your-url-link '>Post Title</a></h2>
</div></div>


<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt="" src="#" />
<div class='info'>
<h2><a href=' your-url-link '>Post Title</a></h2>
</div></div>


<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt="" src="#" />
<div class='info'>
<h2><a href=' your-url-link '>Post Title</a></h2>
</div></div>


<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt="" src="#" />
<div class='info'>
<h2><a href='your-url-link'>Post Title</a></h2>
</div></div>
</div>

In the above code you have to make few changes, the first four paragraphs are for the small images on the side and next four for the slider. Replace '#' with your image url, add your post title and url link as indicated in the code. The main post column shows posts and thumbnails based on the labels you select, to activate that feature, insert the below code in Layout--Add html/javascript gadget -

<script type='text/javascript'>var numposts = 3;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/-/Borneo?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Change the number of posts from 3 to whatever you like and also the label you want to display, repeat the steps to add more labels.

The sidebar has a search box with an option to search on Google, MSN and Yahoo as well. To add that feature, paste the below vode in Layout, add a gadget in the sidebar -

<form name="jksearch" action="http://www.google.com/search" method="get" onsubmit="jksitesearch(this)" target="_blank">

<input id="hiddenquery" type="hidden" name="q" />
<input name="qfront" onfocus="if(this.value==this.defaultValue)this.value='';" value="Search on this site..." type="text" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 240px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(http://3.bp.blogspot.com/-KPO8JYvY8q0/TaTLCf3UXqI/AAAAAAAAAk0/HMNCQmZV-YI/s1600/search_field.jpg) no-repeat;" /><input type="image" src="http://4.bp.blogspot.com/-tS-vIIuEX1Y/TaTJeZlNYPI/AAAAAAAAAkw/-OF_RBII1lw/s1600/search_button.jpg" align="top" value="Search"/>

<div style="font: normal 11px Arial;color:#666;padding:2px 0;">
<input name="se" type="radio" checked /> Google
<input name="se" type="radio" /> Yahoo
<input name="se" type="radio" /> Msn
</div>

<script type="text/javascript">

// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use

//Enter domain of site to search.
var domainroot="www.borneotemplates.com"

var searchaction=[ //form action for the 3 search engines
"http://www.google.com/search",
"http://search.yahoo.com/search",
"http://search.msn.com/results.aspx"
]

var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines

function switchaction(cur, index){
cur.form.action=searchaction[index]
document.getElementById("hiddenquery").name=queryfieldname[index]
}
function jksitesearch(curobj){
for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checked
if (document.jksearch.se[i].checked==true)
switchaction(document.jksearch.se[i], i)
}
document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value
}
</script>
</form>

Simply change the blog url in the code and save the changes. This template also has a twitter widget that shows your latest tweets in the sidebar. Go to Layout, add Html/javascript gadget and paste this code. Replace the default twitter handle with your id -

<div style="background:#fff url(http://4.bp.blogspot.com/-EGnF5QAztxU/TaHe6Nz0N4I/AAAAAAAAAjw/KkLBzEZ8hiw/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 118,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#B45F04'
}
},
features: {
scrollbar: true,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('borneotemplates').start();
</script>
</div>

Download the Sporty Magazine Blogger Template Read More or Download this Blogger Template

Queen Photo Blog Template

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

Queen is a portfolio blogger template created by Dzignine. Its a 3 column theme which has a clean layout, minimalist design and requires the new blogger interface to function properly.

The blog title will show up on the left and the search box on the right, to display the search box you have to insert the following code in the Search gadget from Design-Page Elements.

<form id="searchform" action="/search"
style="display:inline;" method="get">
<input id="s" name="s" value="looking for something?"
type="text"/>
<input id="searchsubmit" value="Go" type="submit"/>
</form>

You can change the text marked in bold to search the blog or anything else. Moving on to the main column, for the images to display on the home page, each post should have at least an image of minimum width 740px, and the height will adjust automatically. The template has lightbox effect integrated, which you can enable from Settings--Post comments section.

You can change the font, text color, background, etc via template designer. Queen blogger template also includes a 3 column footer section to add different blogger widgets.

Download Queen Photo 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

Creatica Blogger Template

Posted by Bhavika On Friday, December 09, 2011 2 comments

Creatica is a nice-looking 3 column blogger template ported from wordpress by Lasantha and originally a creation of Ft Themes. The theme features a full width slider, dual navigation bar, tabbed widget, featured section and social bookmarking icons.

Lets configure the first menu bar, go to Design--Page Elements, click on edit this menu and create a link list like 'Home', 'About', 'Contact' etc., save the changes. For the second menu bar, go to Edit Html and find this code -

<div class='menu-secondary-container'>

<ul class='menus menu-secondary'>

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

Replace '#' with your links and change the category names, follow the same step for the next lines of code. You can also add sub-categories and save the changes. To display your own header logo, go to Page Elements and click on edit 'header', the size should be 329x60px.

Moving on to the featured content slider, make images of 930x300 px, access Edit Html and search for this code -

<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://3.bp.blogspot.com/-965Vx1uaaeU/Tt7z4WSnImI/AAAAAAAABIo/DqaQnvVzDWc/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>

Make these changes in the above code -
- Replace '#' with your post link
- Add image url here - img src='http://3.bp.blogspot.com/-965Vx1uaaeU/Tt7z4WSnImI/AAAAAAAABIo/DqaQnvVzDWc/s1600/1.jpg
- Add the slide title as mentioned above and put in a description below it.

The main column shows summarised posts with 'Read more' link and labels, comments, date stamp shows below the headline. The right sidebar has the search box and tabbed widget, which can be modified from Edit Html. You can change the name of the tabs if you like.

<a href='#widget-themater_tabs-844379150-id1'>Popular Posts</a></li>
<li><a href='#widget-themater_tabs-844379150-id2'>Archives</a></li>

The left sidebar can be utilised to show more blogger widgets - Recent Posts, Comments, About etc. The download link includes Creatica template with and without the slider.

Download Creatica Blogger Template Read More or Download this Blogger Template

Shopping Cart Free Blogger Theme

Posted by Bhavika On Friday, July 15, 2011 32 comments

Finally a shopping cart e-commerce theme for blogger. Designed by BloggerMint, its a 4 column free template that comes with 'Add to Cart' and 'PayPal Checkout' function for Blogger.

Once the template is uploaded, go to Settings--Posts and Comments (or in old blogger Settings--Formatting), set the desired number of posts to be shown on the blog, and then next to Post Template, click on add and insert this code, save the changes -

<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%"><a href="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Item Name</b></th>
<td class="item_name">Product Name Goes here!</td>
</tr>
<tr>
<th><b>Price</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Description</b></th>
<td class="item_Description">Your product description here!</td>
</tr>
<tr>
<th><b>Available Stock</b></th>
<td>Stock count here!</td>
</tr>
<tr>
<th><b>Misc</b></th>
<td>Place extra thumbs/images of product here</td>
</tr>
</tbody>
</table>

This code will add the table in each 'New Post', now you have to fill in other information in the table like Item Name, Price and Description, which will be used as values during Paypal checkout. Also remove the default image from the code and add you own (keep the image sizes medium for it to fit properly).

Please not that you would have to remove the 'div class' and 'a href' from the image code, which should look something like this -

<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-FvpLfhHu9U8/Th_Wv1Bdu4I/AAAAAAAAGNY/9BvaHAJdFfE/s1600/P1020156.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="240" width="320" src="http://2.bp.blogspot.com/-FvpLfhHu9U8/Th_Wv1Bdu4I/AAAAAAAAGNY/9BvaHAJdFfE/s320/P1020156.jpg" /></a></div>

And keep only this code in the table, those are the only changes you need to make and publish your post -

<img border="0" height="240" width="320" src="YOUR_IMAGE.jpg" />

Now moving on to Paypal Email set-up, go to Template--Edit Html (Design--Edit Html in old blogger) and search for this code -

<script type='text/javascript'>
simpleCart.email = "bloggermint@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;

Replace the text in bold, which is the Paypal email id, with your own and save the changes.

paypal checkout page for blogger shopping cart theme

For those who don't have a Paypal account or credit card, can still purchase the product by filling the contact form. In order to integrate the form, you need to follow the steps below -

1) Sign up for Kontactr, once that is done scroll down the page until you find “Ajax Embed Widget” or “Buttons Code” and get your Kontactr ID, it will look something like this - id=39662, copy it.

2) Access Edit Html and insert this code right before the closing </head> tag.

<script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script>

3)Now replace this code in Edit Html, it will appear in the top part of the CSS -

input.item_add{

with the one below -

span.item_add{

4) Similarly, search for this code -

input.item_add {

and change it to one below -

span.item_add {

The next step will be to go to Settings--Posts and comments, you will find the option 'Post Template' where you have to insert the following code, change the Kontactr id=39662 with yours -

<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%"><a href="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th>
<td><span class="item_add"><script type="text/javascript"> id=39662; t=1; ctxt="Order Now"; </script>
<script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script></span></td>
</tr>
<tr>
<th><b>Item Name</b></th>
<td class="item_name">Product Name Goes here!</td>
</tr>
<tr>
<th><b>Price</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Description</b></th>
<td class="item_Description">Your product description here!</td>
</tr>
<tr>
<th><b>Available Stock</b></th>
<td>Stock count here!</td>
</tr>
<tr>
<th><b>Misc</b></th>
<td>Place extra thumbs/images of product here</td>
</tr>
</tbody></table>

Shopping Cart template also has a 4 column footer and a single sidebar on the right to display other blogger widgets like Archive, Categories, etc.

Download the Shopping Cart Free Blogger Theme Read More or Download this Blogger Template

Capture Photo Template

Posted by Bhavika On Wednesday, July 06, 2011 6 comments

Capture is a beautiful photo template created by Dzignine. The theme has minimalist white design and clean layout for a photography or portfolio blog.

The home page includes a photo gallery on the left, and on clicking an image it takes you the post page with more information related to the pictures. The blog title, tagline and the navigation bar is neatly placed next to the gallery.

Below it you can insert blogger widgets of your choice. The theme also has a 3-column footer to display your contact details, labels, popular posts etc.

Download the Capture Photo Template Read More or Download this Blogger Template

SimplexMag Blog Template

Posted by Bhavika On Thursday, June 16, 2011 0 comments

Simplex Mag is a 3-column theme created for blogger by Simplex Design. Its a nice theme to use for a magazine or photo blog.

The template features dual navigation bar with a drop-down menu to display various categories and pages. The latest posts display in thumbnail format on the home page and the headline, label and date appears on hovering over the image.

The template includes the pagination script to set the number of posts on each page. Go to Settings->Formatting and insert the maximum number of posts you want to display on the home page to say 6, then go to Design->Edit Html, find this code -

<script type="text/javascript">
var pageNaviConf = {
perPage: 2,
numPages: 2,
firstText: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
}
</script>

Now change perPage value from 2 to 6 or whatever number you choose in the previous step and save the changes. The sidebar has the advertise option to show 125x125 ads from sponsors etc., that can be changed from Design->Page Elements. While the rest of the sidebar content can be customised as per your choice.

SimplexMag comes with a 3 column footer to show different widgets on your blog. Below that is the social bookmarking icons, you can change it from Design->Edit Html and add your account links (text marked in bold) -

<a class="i_rss" href="http://feeds.feedburner.com/Simplex"></a>
<a class="i_twitter" href="http://twitter.com/dinhquanghuy"></a>
<a class="i_facebook" href="http://www.facebook.com/simplexdesignblog"></a>
<a class="i_flicker" href="#"></a>
<a class="top_btn" href="#"></a>

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

Drakon Blogger Theme

Posted by Bhavika On Saturday, November 27, 2010 6 comments

Drakon is a 2 column blogger theme originally created by Web2Feel and adapted to blogger by Blogger Tip and Trick. Its a magazine style free template featuring dual navigation bar with drop down menu and a neat slider.

To change the links in the first navigation bar, go to Design--Edit Html and find this code, below it you can add the category links and sub menu links.

<div id='catmenucontainer'>

While for the second menu bar follow the same steps, look for this code and below it you can insert the relevant categories and sub-categories -

<div id='foxmenucontainer'>

The template has a neat slider to showcase your top or featured content in a thumbnail format with post summary below it. To modify the 5 slides, access your Edit Html, and search for this code, this is the code for Slide 1 -

<li>
<div class='mytext'>
<a href='SLIDE-1-LINK-HERE'>
<img class='sidim' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TOZFBzP5MjI/AAAAAAAAH1U/lKMXgEk5D2g/s1600/1.jpeg'/>
</a>
<div class='clear'/>
<h2><a href='SLIDE-1-LINK-HERE'>Slide 1 Title</a></h2>
<p>Go to Blogger edit html and replace these slide 1 description with your own words. ...</p>
</div>
</li>

Follow the instructions given in the code for slide 1 and similarly carry out the steps for remaining slides.

The sidebar on the right includes the internal search box, featured video and the default blogger widgets like Recent Posts etc. You will get more space to display your content as this theme also has a 4 column footer. At the bottom of the template after the footer column there are links to 'Subscribe to RSS' and 'Follow on Twitter', so from Edit Html add your twitter id in the code below and save the changes -

http://twitter.com/USERNAME

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

Simple Box Blogger Theme

Posted by Bhavika On Monday, April 20, 2009 14 comments

As the name goes, Simple Box is a simple white 2 column template designed by Subagya.

Clean layout would be the highlight of this template, which can be customised as per your needs. In the header below the title and blog description comes the search box on the left and the navigation bar is placed on the right, you can experiment with various fonts and colours, in case you don't like the plain look.

In the main column the you have the post headline and below it is the author, date stamp and comments. The post images gets automatically resized, which is a good feature and less hassle; some templates don't have this feature and it can look quite messy until you manually align the images. Simple Box also comes with 'Read more expandable post' feature.

Footer section of Simple Box blogger template

The sidebar too has plain white background, and a dotted line around each feature box. This template also comes with a 3 column footer section to add more cool features on your blog. You can use this template for a personal blog.

Download the Simple Box Blogger Theme

Download the Simple Box - without Read More - Blogger Theme
Read More or Download this Blogger Template

Revolution Church Blogger Skin

Posted by Bhavika On Monday, April 06, 2009 17 comments

Revolution Church is a magazine style wordpress theme designed by Brian Gardner and ported to blogger by Bloganol.

This black and white, 3 column template has a professional layout consisting dual drop down menus both with sub-categories. So Revolution theme is perfect if you have many sections on your blog. The template has a day and date widget displayed on top left which changes automatically, and on its right is subscribe to posts and comments icon. Below that is the header with a banner ad integrated.

One of the menu bars have the inbuilt site-search engine, which can be customised to google search. The main column has a white background for the posts, and the author, labels, time and comments appear below the headline.

Revolution Church also comes with an ad spot between two posts and there are two more spots for advertising in the sidebar, this template is optimized for advertising. The two columns in the sidebar can be used for other widgets, where the header appears in a black box.

Revolution Church is a popular wordpress theme, and for blogger, although its modified, can be used if you write on varied topics.

Download the Revolution Church Blogger Skin Read More or Download this Blogger Template

Awake Blogger Template

Posted by Bhavika On Wednesday, April 01, 2009 1 comments

Here we have some original themes for Blogger users. Created by Pocket, Awake is a the original blogger template with nice geometric designs and neat layout.

The header of the 2 column template is quite simple, so you can easily customize it. The main column starts with wavy and geometric decoration, so your first post looks attractive, and after that each post appears in a simple manner.

The template would have probably looked better if the same design was repeated at the start of each post., because then it gets a bit plain due to the white background. The second column is nicely decorated to add the other widgets to your blog.

That's not the end, Awake blogger template also has footer columns, each of the three columns are well spaced out, very few 2 column templates have footer space as well. Overall, its a nice theme to awaken your readers!

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

Aerodrome Blogger Theme

Posted by Bhavika On Sunday, March 15, 2009 10 comments

WP Blogger Themes has converted a nice wordpress theme called Aerodrome to blogger. The original author of the theme was Joe Fischler of TheBuckmaker.

Aerodrome is a 3 column template that comes with modifiable and transparent background image, so you can choose an image that suits your blog theme. The template has two navigation bars - above and below the header - and nowadays many templates come with this feature.

The header comes with an ad space and RSS icon on the extreme right. The main post structure is designed in the form of separate boxes for each post, with the date stamp and comments appearing separately on the left.

While the second column also contains ad space, although the second and third columns are a bit narrow and have fixed width. The third sidebar is transparent, which gives a nice effect to the theme.

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

Black Splat Blogger Theme

Posted by Bhavika On Friday, February 20, 2009 0 comments

We bring you a simple and yet a refined theme called Black Splat blogger template, which is designed by SamK and converted to blogger to Girly Blogger.

Black Splat is a 3-column template that you should like at first sight, its features are minimal when compared to the fancy 4-column templates, but its fast-loading with a neat layout.

You won't be able to experiment much with the header, except you can place a 468x60 banner ad on the right side. The menu bar is customisable with a search box appearing on the extreme right. I also liked the black and grey stripes used for the menu bar and at the end of the theme.

The main column bears a standard look, with the author and date stamp placed below the headline while the labels and comments come at the bottom of the post. The sidebar can be used for your blog description and recent posts, and then it dissects into two columns to post rest of the content.

Download the Black Splat Blogger Theme Read More or Download this Blogger Template

Zinmag Primus Blogger Template

Posted by Clyde On Monday, February 09, 2009 8 comments

Another fantastic addition to the collection of Blogger templates, the Zinmag Primus was originally designed by Jinsona Design and ported to blogger by Falcon Hive.

The Zinmag Primus template is an update from the Zinmag Remedy, the Zinmag Remedy had a manual click slider for the featured content this has an automated version with a start and stop button.

The template features two dropdown menus with categories and sub categories, located above and below the header section. The header section consists of the blog title and an advertisement. Under this is the feature post automatic slider and then the template is divided into the main cloumn and sidebar.

The sidebar starts off as a single column and is divided into two section later on, while the footer has four columns! The template comes with a twitter button and a tag cloud in the sidebar.

Apart from this the template lacks icons and has a sort of minimalistic design which ofcourse will help load speed, but the feel of it does not match up with the beautiful header section. I would personally tweak the design of this template a little bit before I use it. But its wonderfull no doubt, go ahead and download it!

Download the Zinmag Primus Blogger Template Read More or Download this Blogger Template

Alpha Blogger Template

Posted by Bhavika On Tuesday, February 03, 2009 10 comments

Falcon Hive always has some interesting mix of blogger themes. This time it is Alpha blogger template, originally created by ChiQ.

Alpha consists of quite a few features, at first look you might find this template to be simple, but when you look closer, its a very professional looking template.

It has 2 navigation bars above and below the header. Then comes the featured post section, where you can have a top post with an image, and provide links to rest of the featured content, a good feature to keep your readers engrossed.

The main column is simple with labels appearing under the post. Now moving on to the sidebar, Alpha has a Feed section to give two options to your readers, namely subscribe by mail or feed, below that is ad space. The sidebar branches into 2 columns to display the rest of your content.

If your blog has lot of content, then you should consider Alpha, although its a single colour template.

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

Ele Blogger Template

Posted by Bhavika On Friday, January 30, 2009 19 comments

Ele blogger template is brought to you by Inspired Spark and converted to Blogspot by Girly Blogger.

This two column template has a simple look and design with rounded corners, something which many bloggers prefer. The header has a flowery design with the menu bar overlapping the header. Below the customised menu you can place your Adsense ads.

The main column has a standard format, you can alter the size of the date stamp, I feel its too big. While at the bottom of the post appears the author name, which is not clearly visible, labels and comments.

The sidebar has the RSS and technorati buttons nicely tucked in and two ad slots below it, while the rest of the layout is pretty much the same. Blog Archives if you notice, has a dropdown unlike the regular style. If you have a personal blog, then Ele template is a good choice.

Download the Ele blogger template Read More or Download this Blogger Template

Gramophonica Blogger Theme

Posted by Bhavika On Wednesday, January 21, 2009 2 comments

Gramophonica is an attractive musical theme designed by EZwpthemes and converted to Blogger by Falcon Hive.

This two-column blogger template has extremely pleasing colours, although simple in terms of functionality, it can be a good theme for your music blog. Besides, less features means it will load fast as well.

The header navigation bar can be customised by going to 'Edit HTML' and below that the search box is neatly integrated in the header. The main column has speaker icons to give the template a musical touch, and the comments appear at the bottom of the post.

The sidebar is in the form of a suspended tag, and has a purple RSS icon on the top right, you might want to increase its size. Then the rest of the content can be added in the sidebar, pretty simple. Overall, Gramophonica is an inspiring design with the header image the highlight of the template.

Download the Gramophonica 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