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


Magazine style theme adapted from wordpress

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


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

eSpecial Blogger Theme edit post

Posted by Bhavika On Thursday, September 06, 2012 1 comments
eSpecial is a premium wordpress theme converted to blogger by Sora. Its a 2 column template with a beautiful slider, single menu bar with dropdown, 3 columns footer and page navigation widget already installed.
eSpecial Blogger Theme
The menu bar has to be configured in Edit Html, find the below code -
<div class='menu-main-navigation-container'>
<ul class='s-menu' id='menu-main-navigation'>
<li><a href='#'>Home</a>
<ul class='sub-menu'>
<li><a href='#'>Home page layout 2</a></li>
<li><a href='#'>Sliders</a>
<ul class='sub-menu'>
<li><a href='#'>Image Slider 1</a></li>
<li><a href='#'>Image Slider 2</a></li>
<li><a href='#'>Video Slider 3</a></li>
<li><a href='#'>Accordion Slider</a></li>
Replace '#' with menu item links, add the categories and sub-categories, save the changes. For the featured content slider, there are two parts of the code which needs to be modified, look for this code for the first slide -
<div class='lof1_featured'/>
<ul class='lof1-main-wapper'>
<li><a href='#'><img src=''/></a>
<div class='lof1-main-item-desc'>
<div class='lof1-main-item-title'>
<h2><a href='#'>Professional Business &amp; Portfolio Theme</a></h2></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Replace '#' with featured post url, add the image url, keep the size 960px × 290px, add the post title followed by a short post summary. Repeat the same step for the remaining 4 slides. Now look for this code in Edit Html -
<div class='lof1-navigator-outer'>
<ul class='lof1-navigator'>
<li><img src=''/></li>
This is where you have to add the thumbnail version for each slide, the image size should be 158px × 102px, add the image url for all the slides and save the changes.

The main column shows the post summary with an image and date, which you have to configure in Settings--Language and Formatting, change the Timestamp Format, language and date header format, this has to be done to avoid the undefined error on the home page.

For the page navigation widget to function properly, search for this code -
<script type='text/javascript'>//<![CDATA[
var posts=4,
Change the number of posts in each page from 4 to your current setting, and '2' is the number of buttons to display. The sidebar is on the left and you can display link lists, tags, popular posts, comments etc.

Download eSpecial Blogger Theme

Johny Magazine Blogger Template edit post

Posted by Bhavika On Monday, September 03, 2012 0 comments
Johny Kenthir is a 4 column magazine style blogger template created by Maskolis. The theme is suitable for a news blog, as it includes several features like dual menu bar with dropdown, automatic featured content slider, automatic recent per category, 3 column footer, tab view of categories, automatic slider carousel, ads ready, pagination integrated and more.
johny kenthir banget magazine blogger template
johny magazine blogger template video tabber
Let's start with modifying the theme, for the first navigation bar, find this code -
<ul id='menubar'>
<li><a href='/'><img border='0' src='' style='padding:0px;'/></a></li>
<li><a href='#'>About Us</a></li>
<li><a class='trigger' href='#'>Contact Us</a>
<li><a href='#'>Goggle +</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Twitter</a></li>
<li><a href='#'>Sport</a></li>
<li><a href=''>Instruction to use</a></li>
Add your links after '<a href="' and the corresponding categories, for example - below 'Contact us' you can add sub-categories, so below 'ul' you can add sub-sections/categories etc. Right below the first menu bar is the second bar which automatically displays pages.

The carousel below the menu bar updates automatically once you have 4 or more posts. While the slider in the main column shows articles as per the selected label, you need to paste the below code in Layout, click edit 'HTML/javascript' gadget -

<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
document.write("<script src="/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3"></script>");
<div id='paginate-featured-slider'>
document.write("<script src="/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4"></script>");
<div class='clear'></div>
<script type='text/javascript'>
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
Change the label (marked in bold) with the one you want to display and also the number of posts (marked in bold) to show in the slider. Adjacent to the slider, the latest posts are shown from the blog feed along with page navigation widget.

This template also includes the 'video category' widget, that will display your latest video posts. To get it working, go to Layout, click on edit 'Video category', put in the desired label and save. Now get the embed code from YouTube, insert it in the post along with this line of code (in bold). It should look like this -

<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="" />
Also ensure that you change the serial number in the above code (5pHbzBH3KxQ) in italics, and publish the post.

Besides the video section, you can show posts by another label as well, go to Layout, edit Label 1, put in the label and save the changes.
johny kenthir insert label widget
Johny Kenthir theme is extremely useful if you have lot of content, another way of showing posts per label is in tabbed format. To get that working, search for the following code in Edit Html and replace the labels -
The next step is to search for this code, click on 'Expand widget' and add the labels (as indicated in bold) -

<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9&quot;&gt;&lt;/script&gt;&quot;);
<div class='tabber' id='tab2'>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9&quot;&gt;&lt;/script&gt;&quot;);
<div class='tabber' id='tab3'>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9&quot;&gt;&lt;/script&gt;&quot;);
<div class='tabber' id='tab4'>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/comedy?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9&quot;&gt;&lt;/script&gt;&quot;);
<div class='tabber' id='tab5'>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/jazz?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9&quot;&gt;&lt;/script&gt;&quot;);
Add the labels for all the tabs, and save the changes. Each post includes the social media sharing widget, and also the' Related posts' widget, so you don't need to bother of adding it manually.
related posts widget in magazine blogger template
Next you can customise the sidebar and footer columns by adding various blogger widgets. Its a very professional-looking theme with excellent features, so you won't miss out on showing your top content.

Download the Johny Magazine Blogger Template

    Recent Templates

    Recent Comments

    Video Guides