• Live Demo
• Download Theme

Download Javascript

TEMPLATE FEATURES

This is a new version of Johny Blackstore with the dark style color. Named Johny Sip Deh template, it was made especially for online store only with invoice email method payment. Design with magazine style blogger template with 4 column blogger template and one left sidebar, 4 column footer, shopping cart with invoice email, automatic featured content slider, ads 728 x 90 px ready, pagination for blogger ready, dropdown menu, zooming image, clean design template, and more. This template designed for online store only with daily updates. For more detail visit this link to see how to manage this template. 

Template Name : Johny Sip Deh
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

• Live Demo
• Download Theme

Download Javascript

TEMPLATE FEATURES

This is another version of Johny Magstore template for blogger store with invoice email. But you can use this template for Paypal payment.  Johny Muantab template was made especially for online store with invoice payment method. Design with magazine style blogger template with 3/5 column blogger template and 1 column siderbar in left, 4 column footer, shopping cart with invoice email blogger platform, automatic featured content slider, ads 468 x 60 px ready, pagination for blogger ready, dropdown menu, zooming image, clean design template, and more. This template designed for online store only with daily updates. For more detail visit this link to see how to manage this template

Template Name : Johny Muantab
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

DemoDownload

Template name : Christmas Gifts

Platform: Blogger / Blogspot

Release date : December 2012

Author :  www.soratemplates.com

Template features : 2 Columns, Right Sidebar, Christmas, Portfolio, Featured Video Slider, Fixed Width, Dark Background.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Video Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <li>
  <div class='boxgrid captionfull'>
  <a href='#'><img height='269' src='../slider1.jpg' width='296'/></a>
  <div class='cover boxcaption' style=' top:269px; cursor: pointer;'>
  <h3 class='entry-title'>christmas decoration #1</h3>
  <div class='entry-content'><p>$57</p></div>
  <a class='more' href='#'>read more</a></div>
  </div>
  </li>
   ..........

Replace:

• "#" with your featured post URL.
• "slide,jpg" with your slider image URL.

• Live Demo
• Download Theme

TEMPLATE FEATURES

Collector Template is another free blogger template from Creating Website with elegant dark brown style for gallery content. This template design with an automatic image slider category, 3 column blogger template with right sidebar, 4 column footer, magazine brown gallery for template and theme, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. But you can used this template for any gallery content just as like you wanted blog with daily updates

Template Name : Collector Template
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : www.maskolis.com

You can use this template more safety and it will not get banned, because there's no javascript that I put in Google Code

• Live Demo
• Download Theme

TEMPLATE FEATURES

This template looks like Johny Kenthir, but with different header and navigation. This is another magazine template blogger for news content from Creating Website, Maskolis Template blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, 1 right sidebar, automatic featured content slider, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. New feature : Static Page ready.

Template Name : Maskolis Template
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : www.maskolis.com

You can use this template more safety and it will not get banned, because there's no javascript that I put in Google Code

• Live Demo
• Download Theme

TEMPLATE FEATURES

This template modified from Johny Ganteng Store, I added a shopping cart in the right sidebar, only for top currency, dollar, euro and Pounds. Johny Ganteng Store Cart was designed with magazine style blogger template with 4/5 column blogger template and one right sidebar, 4 column footer, automatic featured content slider, pagination for blogger ready, dropdown menu, tooltip image, clean design template, and more. This template designed for online store with daily updates but you can use it for any content gallery.

Template Name : Johny Ganteng Store with Cart
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : www.maskolis.com

I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

• Live Demo
• Download Theme

TEMPLATE FEATURES

This is another Johny Kenthir style blogger template with a green color, It is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 4 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, 1 right sidebar, automatic featured content slider, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. New feature : Static Page ready.

Template Name : Johny Kenthir Green
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

• Live Demo
• Download Theme

Download Javascript

TEMPLATE FEATURES

Johny Crottmag is another version of Johny Sompret Banget template with white and orange color, this template made in magazine style. Johny Crottmag blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 3 column blogger template with one sidebar in the right, 3 column footer, magazine style blogspot template, automatic featured content slider, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. For more detail about how to customize this template please visit this link.

Template Name : Johny Crottmag
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

DemoDownload

Template name : Sunrise

Platform: Blogger / Blogspot

Release date : December 2012

Author :  www.soratemplates.com

Template features : Wordpress Look, 3 Columns, Right Sidebar, 3 Columns Footer, Music, Featured Content Slider, Fixed Width, Dark Background, Dropdown Menu.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <li class='jcarousel-item-1 odd'> 
  <div class='views-field views-field-field-portfolio-image'>
  <div class='field-content'><a href='#'><img src='/image.jpg'/></a></div></div> 
   <div class='views-field-title'>Aenean sodales dapibus.</div>
   <div class='clearfix'>
   <div class='button'><a href='#'>more</a></div>
   </div>
   </div>
   </div></span>
   </div>
  </li>
   ..........

Replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image URL.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='sf-menu' id='superfish-1'>
   <li><a href='#'>Events</a></li>
   <li><a href='#'>Artists</a></li>
   <li><a href='#'>About us</a></li>
   <li><a href='#'>Gallery</a>
   <ul>
   <li><a href='#'>Gallery 1 col</a></li>
   <li><a href='#'>Gallery 2 cols</a></li>
   ..........

Replace "#" with your menu item URL.

DemoDownload

Template name : Wilderness

Platform: Blogger / Blogspot

Release date : November 2012

Author :  www.soratemplates.com

Designer :  devilcantburn

Template features : Wordpress Look, 2 Columns, Right Sidebar, 3D Slider, Fixed Width, paper-wood background, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div id='slider_wrapper'>
   <div class='marg_0_0_20_0' id='sliderCss3d'>
   <img alt='Slider 1' data-transition='{&quot;effect&quot;: &quot;blindsVertical&quot;, &quot;slices&quot;: 6, &quot;animSpeed&quot;: 1400, &quot;delay&quot;: 100, &quot;delayDir&quot;: &quot;fromCentre&quot;, &quot;easing&quot;: &quot;easeInCubic&quot;, &quot;depthOffset&quot;: 800, &quot;sliceGap&quot;: 5}' src='/slider.jpg'/>
   ..........

Replace:
"image.jpg" with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='menu' id='menu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Fullwidth page</a></li>
   <ul class='sub-menu'>
    <li><a href='#'>Buttons</a></li>
    <li><a href='#'>Google Map</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

• var posts=3, // Number of posts in each page
      num=2, // Number of buttons will display

How to change Author Section:

Find this:

• <h4>About the author</h4>
   <div id='author-info'>
   <div id='author-image'>
   <a href='#'><img height='80' src='/avatar.png' width='80'/></a>
  </div>
  <div id='author-bio'>
  <h5>Admin</h5>
  Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.
  </div>

DemoDownload

Template name : FitnessMag

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  wpexplorer

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, Header Banner, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Widescreen monitors are perfect in displaying web images.

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div class='flexslider' id='slider'>
  <ul class='slides'>
   <li class='slide'><a href='#' target='_self'><img src='.../image.jpg'/></a>
  <div class='caption'>Awesome Blogging Theme! </div></li> 
   ..........

Replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='sfmenu' id='menu-main'>
   <li><a href='#'>Category 1</a></li>
   <li><a href='#'>Category 2</a>
    <ul class='sub-menu'>
     <li><a href='#'>This is a dropdown</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

• <h2>Follow Us</h2>
  <ul class='clearfix'>
   <li class='social-twitter'><a class='social-icon' href='#'><img src='.../twitter.png'/></a></li>
   <li class='social-facebook'><a class='social-icon' href='#'><img src='.../facebook.png'/></a></li>
   ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

• var posts=4, // Number of posts in each page
      num=2, // Number of buttons will display

How to change Author Section:

Find this:

• <h3 class='heading-border'><span>Author</span></h3>
  <div id='author-image'>
  <a href='#'><img class='avatar' height='60' src='.../logo.png' width='60'/></a>
  </div> 
  <div id='author-bio'>
  <h4>Written by <a href='#'>Admin</a></h4>
  <p>Aliquam molestie ligula vitae nunc...</p>
  </div>

DemoDownload

Template name : Replay

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  themex

Template features : Wordpress Look, 2 Columns, Right Sidebar, Music, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, HTML5 Music Player, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div class='ribbon-slide'>
   <ul>
    <li class='slide-400'><a href='#'>
   <img class='fullwidth' height='400' src='/image.jpg' width='400'/></a>
    </li>
   ..........

Replace"image.jpg" with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='menu' id='menu-main-menu'>
   <li><a href='#'>News</a>
    <ul class='sub-menu'>
     <li><a href='#'>Ribbon Slider</a></li>
     <li><a href='#'>Fade Slider</a></li>
   ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

• <a class='facebook' href='#' target='_blank' title='Facebook'/>    
  <a class='tumblr' href='#' target='_blank' title='Tumblr'/> 
  <a class='twitter' href='#' target='_blank' title='Twitter'/>

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

• var posts=5, // Number of posts in each page
      num=2, // Number of buttons will display

Configure Music Player:

search for:

• <div class='playlist'>
   <a href='/song1.mp3'>Song Title 1</a>
   <a href='/song2.mp3'>Song Title 2</a>
  </div>

Replace song.mp3 and Song Title as you want.

DemoDownload

Template name : Eclipse

Platform: Blogger / Blogspot

Release date : Oct 2012

Author :  www.soratemplates.com

Designer :  devilcantburn

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Featured Content Slider, Fixed Width, Social Widget, Dropdown Menu.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div class='nivoSlider' id='nivo_slider'>
   <a href='#'><img height='400' src='/image.jpg' width='920'/></a>
   ..........

Replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='main_menu' id='menu-menu-1'>
   <li><a href='#'><span class='gfont'>Home</span> <span class='subline'>&#8592; Back</span></a></li>
   <li><a href='#'><span>News</span><span class='subline'>Read Us!</span></a>
   <ul class='sub-menu'>
    <li><a href='#'>Attractive Design</a></li>
    <li><a href='#'>Inspirations</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

• <div id='social_networks'>
   <ul>
    <li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
    <li class='sorting-03 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
    <li class='sorting-02 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
   ..........

Replace "#" with your Social Account URL.

DemoDownload

Template name : Accord

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  color-theme

Template features : Pinterest Look, 3 Columns, Right Sidebar, Fashion, Featured Post Slider, Fixed Width, Gray Background, Social Widget, Header Banner, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div id='menu'>
  <div class='menu-main-nav-container'>
   <ul class='sf-menu sf-navbar' id='menu-main-nav'>
    <li><a href='#'>Home Features</a>
    <ul class='sub-menu'>
     <li><a href='#'>Home + Sidebar</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

• <div class='top-social-block'>
   <ul>
    <li><a class='facebook-top' href='#'/></li>
    <li><a class='twitter-top' href='#'/></li>
   </ul>
  </div>

Replace "#" with your Social Account URL.

How To Change Header Banner:

find this:

• <div class='banner'>
   <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
  </div>

Now replace:

• "#" with your banner URL.
• "banner.jpg" with your banner image.

Configure Page Navigation Widget:

search for:

• var posts=4, // Number of posts in each page
      num=2, // Number of buttons will display

DemoDownload

Template name : Project 10

Platform: Blogger / Blogspot

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  orange-themes

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Fashion, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Note: You must publish at least 5 posts and your blog must be in public mode, if not, you will be redirect to this site, we're really sorry for caused you this trouble.

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div id='layerslider' style='width: 748px; height: 300px;'>
   <div class='ls-layer' rel='slidedelay: 5000'>
   <img class='ls-bg' src='/image.jpg'/>
   ..........

Replace"image.jpg" with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='menu' id='menu-top-menu'>
   <li><a href='#'><i style='font-family:Ropa Sans;'><span>Homepage</span></i></a></li>
   <li><a href='#'><i style='font-family:Ropa Sans;'><span>Blog</span></i></a></li>
   ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

• <div class='left-social-icons'>
   <a class='social-facebook' href='#' target='_blank'><span/></a>
   <a class='social-twitter' href='#' target='_blank'><span/></a>
   ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

• var posts=3, // Number of posts in each page
      num=2, // Number of buttons will display

DemoDownload

Template name : eSpecial (Light Skin)

Platform: Blogger / Blogspot

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  temashdesignlab

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Left Sidebar, Portfolio, Business, Featured Content Slider, Fixed Width, Light Gray Background, Top Navigation Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Instructions : eSpecial Blogger Template

DemoDownload

Template name : ChromeGT (Red Skin)

Platform: Blogger / Blogspot

Release date : Sep 2012

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Modern, Featured Content Slider, Fixed Width, Dark Background, Top Navigation Menu, Page Navigation Widget.

Author :  www.soratemplates.com

Designer :  temashdesignlab

License : Creative Commons Attribution 3.0

Instructions : ChromeGT Blogger Template

DemoDownload

Template name : TheStyle

Platform: Blogger / Blogspot

Template features : Wordpress Look, Personal, Modern, Right Sidebar, Dark Background, Top Navigation Menu, Page Navigation Widget, Tabbed Widget.

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Post Date:

Log in to Blogger Dashboard --> Settings --> Format. Make sure the Timestamp Format and Language are all changed to the following:

If you don't do this, it will display "UNDEFINED".

Configure Page Navigation Widget:

search for:

• var posts=7, // Number of posts in each page
      num=2, // Number of buttons will display

• Live Demo
• Download Theme

Download Javascript

TEMPLATE FEATURES

Johny Kampret is template blogger that design in magazine game style blogger. You can use this template for any content games. It's a 2/3 column blogger template with 1 right sidebar, static page ready, 3 column footer, magazine style blogspot template with blue and white color, automatic slider carousel, ads ready, pagination for blogger ready, automatic recent slider, dropdown menu, clean design template, and more. This template designed especially for content games but you can use it for any content with daily updates

Template Name : Johny Kampret
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

• Live Demo
• Download Theme

Download Javascript

TEMPLATE FEATURES

Johny Kena Banned was made in magazine style with a white and red color. This blogger template is a free to use, you can use it for portal news. It's a 3 column blogger template with one sidebar in the right, and automatic recent per category, 3 column footer, magazine style blogspot template, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. For more detail about how to customize this template please visit this link. Valid HTML5

Template Name : Johny Kena Banned
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

DemoDownload

Template name : eSpecial

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Left Sidebar, Portfolio, Business, Featured Content Slider, Fixed Width, Dark Background, Top Navigation Menu, Page Navigation Widget.

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  temashdesignlab

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Post Date:

Log in to Blogger Dashboard --> Settings --> Format. Make sure the Timestamp Format and Language are all changed to the following:

If you don't do this, it will display "UNDEFINED".

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='lof1-main-wapper'>
   <li><a href='#'><img src='/image.jpg'/></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> 
   </div>
   </li>
   ..........
   <ul class='lof1-navigator'>
   <li><img src='/thumb.jpg'/>
   </li> 
   ..........

Replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image.
• "thumb.jpg" with your thumbnail image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <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>
    </ul>
   </li>
   <li><a href='#'>Sliders</a>
   ..........

Just replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

• var posts=4, // Number of posts in each page
      num=2, // Number of buttons will display

DemoDownload

Template name : Insomnia

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Right Sidebar, Personal, Featured Content Slider, Fixed Width, Dark Background, Top Navigation Menu, Social Sharing Widget.

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  designerthemes

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

An impressive blogger template which uses an advanced Auto CAD software used along a creative 3d software will provide more blog customization options.

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Scroll down to where you see the codes below:

• <li class='featured-post col g4'>
   <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='/image.jpg' width='300'/></a>
   <div class='post-info'>
   <h2 class='entry-title'><a href='#'>Under Lights in Astoria</a></h2>
   </div>
  </li> 
   ..........

Now replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='fadein drop' id='menu-main-nav'>
   <li><a href='#'>Blog</a>
    <ul class='sub-menu'>
     <li><a href='#'>Entertainment</a></li>
     <li><a href='#'>Politics</a></li>
   ..........

Replace "#" with your menu item URL.

• Live Demo
• Download Theme

Download Javascript

TEMPLATE FEATURES

Johny Ganteng Banget was a simple template with elegant style. There's no specific feature in this template. It's a white and orange color with 2 column blogger in there, easy loading and SEO friendly I think, 1 right sidebar, 3 columns footer, automatic slider, multi level drop down menu, ads ready, clean design template, and more. This template suitable for all type of content blog especially for daily blogs, but you can use it for your site anything you like to. I hope you enjoy it and happy blogging.

Template Name : Johny Ganteng Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

• Live Demo
• Download Theme

Download Javascript

TEMPLATE FEATURES

This is a different style in Johny Ganteng Banget template, this template made in magazine style with a white and blue color. Johny Sompret Banget  blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 3 column blogger template with one sidebar in the right, 3 column footer, magazine style blogspot template, automatic featured content slider, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. For more detail about how to customize this template please visit this link. Valid HTML5

Template Name : Johny Sompret Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

DemoDownload

Template name : Pinfinity

Template features : Pinterest Look, Clean Design, Social Widget, Dropdown Menu.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  cssigniter

Basic Instructions : How to install a Blogger Template

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='group' id='navigation'>
   <li class='current_page_item'><a href='#'>Home</a></li>
   <li><a href='#'>Page Template</a></li>
    <ul>
     <li><a href='#'>Standard Format</a></li>
     <li><a href='#'>Image Format</a></li>
   ..........

Now replace "#" with your menu item URL.

Configure Social Widget:

search for:

• <aside class='widget group widget_ci_social_widget'>
   <a class='icn twitter' href='https://twitter.com'>Twitter</a>
   <a class='icn facebook' href='http://www.facebook.com'>Facebook</a>
   <a class='icn pinterest' href='http://pinterest.com'>Pinterest</a>
   <a class='icn youtube' href='http://www.youtube.com'>Youtube</a>
  </aside>

DemoDownload

Template name : Pegasus

Template features : Wordpress Look, Portfolio Homepage, 2 Columns, Right Sidebar, 4 Columns Footer, White Background, Social Widget, Page Navigation Widget, Dropdown Menu.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  wpexplorer

Basic Instructions : How to install a Blogger Template

Updated (12-08-2012): fix a critical bug that make all js effects stop working

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div class='menu-main-container'>
   <ul class='sf-menu' id='menu-main'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Blog</a></li>
    <ul class='sub-menu'>
     <li><a href='#'>Black</a></li>
     <li><a href='#'>Blue</a></li>
   ..........

Now replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

• var posts=12, // Number of posts in each page
      num=2, // Number of buttons will display

DemoDownload

Template name : Leatherbound

Template features : Wordpress Look, 2 Columns, Right Sidebar, Elegant, Personal, Fixed Width, Wood Background, Dropdown Menu.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  4template

Basic Instructions : How to install a Blogger Template

Configure Post Date:

Log in to Blogger Dashboard --> Settings --> Format, change this:

If you don't do this, it will display "UNDEFINED".

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul id='dropmenu'>
   <li class='first current_page_item'><a href='#'>Home</a></li>
   <li><a href='#'>Photo Galleries</a>
    <ul class='children'>
     <li><a href='#'>Nature</a>
      <ul class='children'>
       <li><a href='#'>Clouds</a></li>
       <li><a href='#'>Water</a></li>
   ..........

Now replace "#" with your menu item URL.

DemoDownload

Template name : ChromeGT

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Modern, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation Widget.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  temashdesignlab

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div class='nivoSlider' id='slide'>
   <a href='#'><img src='/image.jpg' title='Modern Futuristic Unique Design'/></a>
   ..........

Now replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='menu' id='menu-main-navigation'>
   <li><a class='parent' href='#'><span>Home</span></a>
   <div><ul>
    <li><a href='#'><span>Left Sidebar Homepage</span></a></li>
    <li><a href='#'><span>Homepage Layout 2</span></a></li>
   ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

search for:

• <div id='social'>
   <a class='tt_top' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='rss' title='RSS'/>
   <a class='tt_top' href='#' id='googleplus' title='Google+'/>
   <a class='tt_top' href='#' id='twitter' title='Twitter'/>
   <a class='tt_top' href='#' id='facebook' title='Facebook'/>
  </div>

Replace "#" with your Social Account URL.

How to change Author Information:

Find this:

• <div class='post-author-title'>
   <h2>About the Author</h2>
  </div>
  <div class='post-author-content'>
   <div class='border-img leftside avatar-box'><img class='avatar avatar-60 photo' height='60' src='/gravatar.jpeg' width='60'/>
   </div>
   <h3>Written by Admin</h3>
   <p>ChromeGT is a modern, powerful...</p>
   ..........

Configure Page Navigation Widget:

search for:

• var posts=3, // Number of posts in each page
      num=2, // Number of buttons will display

DemoDownload

Template name : Confidence

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Magazine, Header Banner, Featured Content Slider, Fixed Width, Clean Design, Gray Background, Top Navigation Menu, Page Navigation Widget.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  Rifki

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='slides'>
   <li><img class='attachment-590x339' height='339' src='/image.jpg' width='590'/>
   <div class='flex-caption'>
   <h1><a href='#'>Convallis consequat</a></h1>
   <p>Lorem ipsum integer tincidunt quisque...</p>
   </div>
   </li>
   ..........

Now replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='sfmenu' id='sfmenu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Categories</a>
    <ul class='sub-menu'>
     <li><a href='#'>Entertainment</a></li>
     <li><a href='#'>Lifestyle</a></li>
   ..........

Just replace "#" with your menu item URL.

How To Change Header Banner:

find this:

• <div class='banner-ad'>
   <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
  </div>

Now replace:

• "#" with your banner URL.
• "banner.jpg" with your banner image.

Configure Social Widget:

search for:

• <ul class='clearfix' id='social-link'>
   <li><a class='dribbble' href='#'>dribbble</a></li>
   <li><a class='twitter' href='#'>twitter</a></li>
   <li><a class='facebook' href='#'>facebook</a></li>
   ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

• var posts=6, // Number of posts in each page
      num=2, // Number of buttons will display

DemoDownload

Template name : Float

Template features : 2 Columns, Right Sidebar, Personal, Fixed Width, Black Background, Top Navigation Menu, Social Widget.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  bobosh

Basic Instructions : How to install a Blogger Template

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <nav class='menu-menu-container'>
  <ul class='menu' id='menu-menu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Styling</a></li>
   <li><a href='#'>Drop-down</a>
   <ul class='sub-menu'>
    <li><a href='#'>News</a></li>
    <li><a href='#'>Video</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Look for:

• <h2 class='widget-title'>Social Widget</h2>
  <ul>
   <li><a href='#' id='dribbble'>Dribbble</a></li>
   <li><a href='#' id='facebook'>Facebook</a></li>
   <li><a href='#' id='flickr'>Flickr</a></li>
   <li><a href='#' id='twitter'>Twitter</a></li>
   ..........

Replace "#" with your Social Account URL.

How to change Author Information:

Find this:

• <img class='avatar avatar-56 photo' height='56' src='/author.png' width='56'/>
  <h3>About the author</h3>
  <p>Donec non enim in turpis...</p>
  </div>

• Live Demo
• Download Theme

TEMPLATE FEATURES

Johny Joss Banget template was designed for gallery content blogger especially for movie review. There's no specific feature in this template. It's a black color with 5 column blogger in there, easy loading with elegant looks, automatic slider Carousel for your recent post, 1 right sidebar, 3 columns footer, navigation drop down menu, grid and list style, pagination for blogger ready, clean design template, and more. This template suitable for gallery content blog with daily updates. But you can use it for any gallery images content for your blog. For more detail about how to installation and customize this template please visit this link.

If you want this template with pagination in recent post, please donwload here

I set the slider in 12 posts, if your blog still under 12 posts the slider not working. Make some new post until you have at least 12 posts and the slider will work automatically

Template Name : Johny Joss Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

• Live Demo
• Download Theme

TEMPLATE FEATURES

Johny Ember template was another version of Johny Joss Banget with the light style, designed for gallery content blogger especially for movie review. This template has limited features as you can see in demo, there was only 5 categories label below blog post. It's a blue and grey color with 5 column blogger in there, easy loading with elegant looks, automatic slider Carousel for your recent post, 1 right sidebar, 3 columns footer, navigation drop down menu, grid and list style, pagination for blogger ready, clean design template, and more. This template suitable for gallery content blog with daily updates. But you can use it for any gallery images content for your blog. For more detail about how to installation and customize this template please visit this link.

I set the slider in 12 posts, if your blog still under 12 posts the slider not working. Make some new post until you have at least 12 posts and the slider will work automatically

Template Name : Johny Ember
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.