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

Johny Magazine Blogger Template edit post

Posted by Bhavika On Monday, September 03, 2012
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
Share this Blogger Template:
edit post

0 Response to "Johny Magazine Blogger Template"

Post a Comment

    Recent Templates

    Recent Comments

    Video Guides