Blogger Store

Created for bloggers who want to start an e-commerce or shopping site, Blogger Store is a professional looking template compatible with Paypal or Google Checkout

  • Animated shopping cart
  • Dual dropdown menu bar
  • Automatic featured content carousel
  • Grid and list style post view
Blogger store shopping blogger template

Lightroom Photo Blog Template

A beautiful photo blog template that displays photos in gallery format and is available in two styles basic and advanced

  • Switchable background
  • Attractive theme font
  • Integrated social media icons
  • Left sidebar and navigation menu
Lightroom Photo Blog Template

Magpress

Magazine style theme adapted from wordpress

  • Featured slider section
  • Dual menu bar
  • Tabbed widget
  • 4 column footer
Magpress Magazine style Blog Template

Sens

A simple theme with a clean layout

  • Full width featured slider
  • 4 column footer
  • Social widgets integrated
Sens Blogger template

Pop Out Social Bookmarking Widget

A nice-looking pop out social bookmarking widget that allows readers to share their favorite post easily

  • Neat display
  • Easy to install
Add pop out social bookmarking widget for blogger

Hide Ads on a Particular Post or Page edit post

Posted by Clyde On Monday, September 27, 2010 3 comments
Hide ads on blogger postThis was a hack that I always wanted for a long time, especially since most of us have our ads under the headlines of the post which is a very very hot spot :) It does look ugly to an extent and sometimes you would like a particular post or page to look neat, like a contact page or a page displaying some particular art work you would like to sell.

No one had a hack on blogger until recently Geek Blogger came up with one on his best how to blogger.

First, your gonna have to back up your template prior to making any changes. Then the next step is to locate your ad code. Once you have your ad codes you need to put a div code as shown below.

<div id="MyAds1">
Your Ad Code is Here
</div>


Once that is done you can save your template and then go to the post where you would like to hide the ads, at the end of the post paste the code below.

<script type="text/javascript">

var Ads1 = document.getElementById('MyAds1');

Ads1.parentNode.removeChild(Ads1);

</script>


If you have more than one ad on your page then you can hide the one on top as this method does not work to hide two ads. I do hope you liked our second hack from Blogger Blog Templates. Subscribe to get the next hack delivered to your email!
Read More or Download this Blogger Template

Evander Blogspot Template edit post

Posted by Bhavika On Wednesday, September 22, 2010 4 comments
Evander is a 2 column blogspot theme designed by Web2Feel and the blogger version is brought to us by BestTheme.
Evander Blogspot Template
The highlights of this template are a nice slider,
social bookmarking icons and recent post thumbnail widget.
The slider images appear on a MAC screen with the headline and a brief post summary. You can activate the slider from Design-Edit Html and look for the below code -

<div id='slidearea'>
<div id='gallerycover'>
<div class='mygallery'>
<ul>
<li>
<a href='#Post url'>
<img alt='' class='slimg' src='http://3.bp.blogspot.com/_MkGBVwDEF84/TJQk-8RNHEI/AAAAAAAAFWU/keGA9OoAyS8/s1600/1.jpg'/>
</a>
</li>

Add your post and image url at relevant spots and save the changes. Below the slider is the horizontal menu bar, you can edit that from Design--Page Elements, edit Link list and post the relevant menu links. The main column is on the right where each post appears in a summarised format with 'Read More' link to the post at the bottom.

This theme comes with social bookmarking icons installed at the top of the right sidebar and below it is the recent posts with thumbnails widget. Change the link from Edit Html, find the below code and replace it with your blog link -

home_page =

&quot;http://www.besttheme.net/&quot;;
</script>

You can also edit the number of post shown there by changing numposts. While for Recent Comments, follow the same steps from Edit Html find the below code and change the url to your blog link -

script src='http://www.besttheme.net/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'/>

Download the Evander Blogspot Theme
Read More or Download this Blogger Template

Novinture Blogspot Theme edit post

Posted by Bhavika On Wednesday, September 15, 2010 2 comments
Novinture is a magazine style 2 column blogspot theme created by CamelGraph and converted to blogger by Blogger Tricks.
Novinture Blogspot Theme

The template has a clean layout and includes several blogger features, lets go through some of them. Below the header image is the slideshow that displays featured posts along with the thumbnails at the side, the headline and description. Initially make post images of the size 490px X 298px and smaller size ones of 67 x 67, upload them on image-hosting site and go to Edit Html. Search for the following code -

<!-- Featured Area -->
<div id='featured-area'>
<div class='pics' id='s1'>

<!-- FIRST SLIDE START -->

<div>
<img height='298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6W-9g9fZAJzJaYFDAd9tSaDD1Ycm1UsD2u5r42DAdA9H4-79SzjNT2nKFHh0X4YKC5BmTpvBbQcMydMinTwVv4V2-_El5USs25O2UyqT-cz8C-jPMqUBbHJx4hy0_70kw0mGp6JU8Jk-O/s1600/slide1.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is First Slide Title</a></p>
<p class='excerpt-text'>Description of first Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>

<!-- FIRST SLIDE END -->

<!-- SECOND SLIDE START -->

<div>
<img height='298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRrHkf5ORvZ07G_HDGqjlZdLxfwHMHhGyHYnWOdVlMl06eqPabWt62QwNM2HQPLHEmtKwSD0g-lXomvE-gxRMJK3KHupIGIesk0aVl7dy7Zr2geY3F5g7IzXaODvJAZaWTYWKaJD32rBG2/s1600/slide+2.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is Second Slide Title</a></p>
<p class='excerpt-text'>Description of second Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>

<!-- SECOND SLIDE END -->


<!-- THIRD SLIDE START -->

<div>
<img height='298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYqd-5NwhekET2qy7E18I56Kcevq2xZlFnitPNfVhDmtacOE1Cys0ksUsaTiMnJi3AXguiQdNBI-dPryvWsWjImbXrAOhH4Lz2aPeAknkpTLe06uhLa0qqPq0Q-pvrPV-J495ZaM0RNdQV/s1600/slide+3.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is Third Slide Title</a></p>
<p class='excerpt-text'>Description of thrid Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>

<!-- THIRD SLIDE END -->

</div>

<div id='slider-control'>
<div class='featitem active'>

<!-- Enter the FIRST thumbnail image URL (67 x 67 px) below -->
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghtvVtUA1bJaZS1Jd1xZLdfFmFlQHizo041L2bn3JCZV2z_pALfWxdKLu_xKvq3LnJvuIR8oa43JfQAAvlVEJmr4ep_OZiJx6HYSPv9ejhDNNLAdmmxodRlSJU7xjsRzXNkDgao-2c-OCy/s400/slide+1+t.jpg'/>
<span class='order'>1</span></div>


<div class='featitem '>

<!-- Enter the SECOND thumbnail image URL (67 x 67 px) below -->
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0KUNf8Wr-gNwp9nqwrDqWFpuqhvO7JwWLR7-pdmFiFxMA4gS-dk7vctsjI6vgReBNK2xkmqc3iez01tApQ5gOiKtcYpfpuVYRTcVcAajEPCGZf1dro2bZz1CLSf0WCtYY9rGTG7eofxQF/s400/slide+2+t.jpg'/>
<span class='order'>2</span></div>


<div class='featitem '>

<!-- Enter the THRID thumbnail image URL (67 x 67 px) below -->
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7vbYIFnwiRmUmNDirHvZoDkdu00fem8bDGu_oi20ThRsKTf0SsY2r5q7SqfSoETFXZ1zwKq5LTVod9-l267jVWZr35oNsIZOD_dqMWGWaZKON2-mOcn4QaTijd9F87OMvmhXaCmDn041/s400/slide+3+t.jpg'/>
<span class='order'>3</span></div>

</div>
<!-- end slider-control div -->
<div class='clear'/>
</div>
<!-- end featured area -->

Replace the jpg links with your image urls, add the post titles, descriptions of each slide (wherever indicated) and save the changes. Your slideshow should be up and running!

Novinture displays automatic thumbnails on homepage and automatic post summaries. Making it easy for the readers to share the post on social networking sites, each post has the Facebook share button and Retweet button adjacent to the thumbnail.

Also enabled in this template is the page navigation feature, which many bloggers are opting for. The single sidebar on the right shows the RSS feed subscription box, an inbuilt search box and the default blogger widgets. That's not it there is also 4 column footer to allow you to put up various widgets.

Download the Novinture Blogspot Templates
Read More or Download this Blogger Template

Blogumus, the Flash Tag Cloud is Back edit post

Posted by Clyde On Tuesday, September 14, 2010 36 comments
blogumus the flash tag cloudOver two years ago Amanda from Blogger Buster ported the wordpress cumulus tag cloud to blogger, this flash based tag cloud was and perhaps still is the best tag looking tag cloud for blogger.

Unfortunately this tag cloud stopped functioning for over 6 months, after numerous comments and emails the tag cloud is still non functional.

But today Blogger Blog Templates is giving you a permanent solution for your blogspot flash tag cloud. If you would like to see how it looks take a look at the tag cloud in the sidebar.

Firstly you would require to download two files, right click on the links below and save target as.

swfobject.js

blogumus.swf

Now that you have these two files, upload it on your hosting account and then save the links.

Go to your blogger dashboard -> design -> edit html

Once your there first back up your template.

Now expand widgets and look for this line:

<b:section class='sidebar' id='sidebar' preferred='yes'>


Immediately after this line paste the code given below, though in some templates you may not be able to paste it immediately and will have to scout for a spot where you don't get an error.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='Your swfobject.js Link Comes Here' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("Your blogumus.swf Link Comes Here", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>
</b:includable>
</b:widget>


Once you insert this code you need to replace the two links in the code with your own hosting links

Your swfobject.js Link Comes Here

Your blogumus.swf Link Comes Here

Once you change those links you can preview the template, the blogumus widget should appear in your sidebar.

This is very important, if you have an apostrophe or quote character (' or ") in your labels, the tag cloud appears blank.

Certain features of blogumus can be customized:

The width, height and background color can be change from the line below that you will find in the code

"tagcloud", "240", "300", "7", "#ffffff");


where 240 = width, 300 = height and ffffff = back ground color

but you can also have a transparent background where the labels float on your current blog background

look for
//so.addParam("wmode", "transparent");


and remove the
//
and your blogumus will be transparent

if you want to change the text color of the labels look for

so.addVariable("tcolor", "0x333333");


change the 333333 to a color of your choice

if you want to change the text size look for

values='data:labels' var='label'><a expr:href='data:label.url' style='12'>


and change the value 12 to a font size you prefer

if you want to change the speed of the tag cloud rotation, look for

so.addVariable("tspeed", "100");


change the value 100 to what you like

We do hope you can finally get your blogumus tag cloud working again, hope to see you soon! A special thanks to DualTranz for bringing back this widget to life!
Read More or Download this Blogger Template

Cameo, the Photo Blogger Template edit post

Posted by Bhavika On Thursday, September 02, 2010 4 comments
Cameo is a 3-column photo blog theme designed by Patrick Sy and converted to blogger by Best Theme.
Cameo, the Photo Blogger Template
The template uses a dark colour scheme and plays with light and shadow effect to highlight the images. The header space is utilised for the search box on the extreme right, the blog title along with description and the drop-down menu bar below it. To change the menu links, go to Design--Edit Html and look for this code -

<!-- begin top menu -->
<div class='navIndex'>
<div class='nav'>
<ul>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item'><a href='#' title='Menu #1'>Menu #1</a></li>
<li class='page_item'><a href='#' title='Menu #2'>Menu #2</a>
<ul>
<li class='page_item'><a href='#' title='Sub Menu #1'>Sub Menu #1</a></li>
<li class='page_item'><a href='#' title='Sub Menu #2'>Sub Menu #2</a></li>
<li class='page_item'><a href='#' title='Sub Menu #3'>Sub Menu #3</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- end top menu -->
Add the relevant links in the above code. The featured image that appears in a frame below the menu bar, is 900px×310px. In order to change that access Edit Html and look for the following code -

<!-- begin featured image -->
<div id='mBodyHead'>
<div class='wrapper'>
<a href='#' title='Hello world!'><img alt='mainImage' class='attachment-900x9999 wp-post-image' height='310' src='http://www.opendrive.com/files/6803598_GZuBx/mainImage.jpg' title='mainImage' width='900'/></a>
<div class='featureTag'/>
</div>
</div>
<!-- end featured image -->

Change the links at the relevant spots, replace the default opendrive image with your url, add the post url etc. In this template the latest posts are displayed in a thumbnail format with the date stamp, comment and automatic Read More link. On mouse hover the summary gets highlighted, which gives a nice visual effect.

Cameo blog theme also features a widget-ready single sidebar. The links can be edited from Edit Html and you need to look for this code, and add your links right after that -

<!-- begin sidebar menu -->
<div class='sideBar'>
<h3>Navigation</h3>
<div class='box'>
<ul>

This theme also includes 4-column footer where you can place additional blogger widgets.

Download the Cameo, the Photo Blogger Template
Read More or Download this Blogger Template

Bloggermint, a Premium Blogger Template edit post

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.
bloggermint premium blogger template
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&#8242;>

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

Gamecraft, the Gaming Blogger Theme edit post

Posted by Bhavika On Wednesday, August 25, 2010 0 comments
After a long time we have a gaming template. Gamecraft is designed by Jinsona Theme and brought to blogger by Cahayabiru.com.
Gamecraft, the Gaming Blogger Theme

Its a 3-column theme which consists an automatic slider, a scroll bar adjacent to it, dual navigation bar and tabber. Let's start with the menu bars, each above and below the header. The first one features a drop-down menu, so you can include all your sections. To activate that, go to Design--Page Elements, click on Edit 'categorymenu' and add the below code -

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

<li><a href="SUB-PARENT-LINK-ADDRESS">SUB PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

</ul></li></ul>
</li>

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
</ul></li>

Repeat the code marked in bold in case you want to add more categories.

To add links in the second menu bar, go to Design--Page Elements, click on Edit 'frontmenu' and add the following code -

<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>
<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>
<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>

Place the relevant links and save the changes. For the main slider, go to Design--Page Elements, click on Edit 'big picture slidearea', add the following code with your links -

<div id="feature-1" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-2" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-3" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-4" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-5" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>

For the mini automatic slider with images and post description on the right, you need to add another code in Design--Page Elements, edit 'Small picture right tab' -

<li><a class="listab rounded" href="#feature-1"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-2"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-3"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-4"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-5"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>

Fill in your links at relevant spots and save the changes. While in the main post area, post details like author, date, comments appear at the end of the post. The sidebar includes a tabber that can be customised. Access Design--Edit Html and search for 'EDIT-ME' and add the links you want to display in the tabber, like Recent Posts, Comments ets.

Gamecraft has a decent layout with nice features, although it can take time to load due to the number of images and javascripts. Another gaming theme you might be interested in is Gamezine Template.

Download the Gamecraft Gaming Blogger Theme
Read More or Download this Blogger Template

    Recent Templates

    Recent Comments

    Video Guides