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.

• Live Demo
• Download Theme

TEMPLATE FEATURES

This is a different style in Johny Kenthir template, with a brown light color. Johny Kenthir Banget  blogger template 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, 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 Kenthir 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 : Collective

Template features : Wordpress Look, 3 Columns, Right Sidebar, 3 Columns Footer, Magazine, Clean Design, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Email Subscription Form.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  stoodeo

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='slideshow'>
  <div class='slide'>
   <div class='post-img-large fl'>
   <a href='#'><img class='attachment-large' height='200' src='/image.jpg' width='570'/></a></div>
   <h2 class='post-title fl'>
  <a href='#'>Creative Digital Illustration</a></h2>
   <div class='clear'/>
  </div> 
   ..........
   <div class='tabs'>
   <a><img class='attachment-tiny' height='32' src='/thumb.jpg' width='82'/>
  <span>Creative Digital Illustration</span></a>
   ..........

Now replace:

• "#"with your featured post URL.
• "image.jpg" with your slider image.
• "thumbnail.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='menu' id='menu-main-menu'>
   <li><a href='#'>Category One<span>Category Description</span></a></li>
   <li><a href='#'>Category Two<span>Category Description</span></a>
    <ul class='sub-menu'>
     <li><a href='#'>Sub Category One</a></li>
   ..........

Just replace "#" with your menu item URL.

How to change Recent Posts and Recent Comments Widget:

Look for:

• var rcp_numposts = 3; // Number of Posts will display
   ..........
  nc=3; // Number of comments will display

• Live Demo
• Download Theme

TEMPLATE FEATURES

Photored Template was made by Panjz Online and I think this template suitable for gallery content. There's no specific feature in this template. It's a white, black and red color with 3 column blogger in there, easy loading and SEO friendly with elegant looks, 1 right sidebar, 4 columns footer, navigation menu, ads ready, pagination for blogger ready, clean design template, and more. This template based from several templates that was made by Creating Website, and the designer combined to make it for better result. You can use it for any gallery content for your blog. If you have any question about this template, visit directly to the designer in the bottom.

Template Name : Photored Template
Author : Panjz Online
Url Author : Panjz Online
Designer : Panjz
Url Designer : panjz-online.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

TEMPLATE FEATURES

Cara Gampang template was made by Aa Sholah, he modified this template based on Black Beuaty template from Creating Website. This is a free magazine style blogger template for any content blog with many feature, such as :

• 3 column blogger template with right sidebar
• Magazine style blogger template with green color
• Automatic featured slider, ads ready, 
• Pagination for blogger ready
• Navigation dropdown menu
• Related post ready in the bottom of every post, and many more. 
• Static page ready
• And many more

Template Name : Cara Gampang Template
Author : Aa Sholah
Url Instruction : Creating Website
Designer : Cara Gampang
Url Designer : www.caragampang.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.

Dark Skin of Unite Blogger Template



DemoDownload

Author: soratemplates
Designer: Parallelus

Red Skin of London Creative Blogger Template

DemoDownload

Purple Skin of Buzz Blogger Template



DemoDownload

• Live Demo
• Download Theme

TEMPLATE FEATURES

Johny Light Banget template was another version of Johny Joss Banget with the light style, designed for gallery content blogger especially for movie review. This template has many features as you can see in demo template. It's a green 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 Light 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 : LeetPress

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

Release date : July 2012

Author :  www.soratemplates.com

Designer :  wpmaniac.com

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='sliderContent'>
   <div class='featured-item' style='background:#000 url(/image.jpg) no-repeat center; height:280px;'>
   <div class='featured-inner'>
   <div class='featured-arrows'/>
   <h1><a href='#'>Dead Space 2 Review</a></h1>
   </div>
   </div>
   ..........

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:

• <div id='navigation-wrapper'> 
  <ul id='navigate'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>News</a>
  <ul class='sub-menu'>
   <li><a href='#'>Xbox 360</a></li>
   ..........

Just replace "#" with your menu item URL.

How To Change Header Banner:

find this:

• <div id='header-banner'>
  <a href='#' target='_blank'><img alt='banner' src='/banner.png'/></a>
  </div>

Now replace:

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

Configure Page Navigation Widget:

search for:

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

How to change Author Information:

search for:

• <div id='about-author'>
   <img height='75' src='/author.png' width='75'/>
   <h5><strong>Author:</strong> admin</h5>
   <div class='author-descrip'>Lorem ipsum dolor sit amet...</div>
   </div>

DemoDownload

Template name : Unite

Template features : Wordpress Look, 2 Columns, Right Sidebar, 3 Columns Footer, Business, Elegant, Featured Content Slider, Fixed Width, Light Background, Top Navigation Menu, Email Subscription Form.

Release date : July 2012

Author :  www.soratemplates.com

Designer: Parallelus

Basic Instructions : How to install a Blogger Template

Configure Post Date:

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

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:

• <div id='Slide'>
   <img alt='Slide 1' height='341' src='/image.jpg' width='948'/>
   ..........

Now 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='sfmenu'>
   <li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
   <li><a href='#'>Features</a>
    <ul>
     <li><a href='#'>Home page</a>
   ..........

Just replace "#" with your menu item URL.

DemoDownload

Template name : London Creative

Template features : Wordpress Look, 2 Columns, Right Sidebar, Photography, Elegant, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  freshface.net

Basic Instructions : How to install a Blogger Template

Configure Post Date:

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

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 id='fresh_cube_data'>
   <li class='fresh_cube_image_0'>
   <img src='/image.jpg'/>
   <span class='transition' title='random'>
   <div class='post_category' id='slider_post_cat'>/
   <a href='#'>Web Design</a>/</div>
   <div class='post_name'>
   <a href='#' id='slider_img_desc'>1000s of Images In My Mind</a>
   </div>
   </span>
   </li>
   ..........
  <div class='thumbs' id='thumbs'>
  <div class='slider_content' id='sl_content'>
  <ul id='slider_ul'>
   <li><img alt='img' src='/thumb.jpg'/>
   <div class='slider_tit' style='display:none'>/ Web Design /</div>
   <a class='slider_desc' href='#' style='display:none' title='0'>1000s of Images In My Mind</a>
   </li>
   ..........

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

• <div class='menu-nav-container'>
   <ul class='menu' id='menu-nav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#'>About</a>
     <ul class='sub-menu'>
      <li><a href='#'>Dropdown test</a></li>
   ..........

Just replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

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

• Live Demo
• Download Theme

TEMPLATE FEATURES

This is another magazine template blogger for news content from Johny, Johny Kenthir blogger template 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
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 : Buzz

Template features : 2 Columns, Right Sidebar, Elegant, Fixed Width, Gray Background, Top Navigation Menu, Social Bar.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  ghostpool.com

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='menu' id='menu-header-tabs'>
   <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
   <li><a href='#'>Most Commented</a></li>
   ..........

Now replace "#" with your menu item URL.

How to change Author Information:

search for:

• <div class='post-panel left'>
   <h3>About The Author: admin</h3>
   <div class='clear'/>
   <img class='avatar avatar-55 photo' height='55' src='/logo.png' width='55'/> 
   <div class='author-meta'>
   <div class='author-desc'>Lorem ipsum dolor sit amet...</div>
   <div class='author-links'><a href='#'>Website</a> / <a href='#'>Other Posts</a>
  </div> 

DemoDownload

Template name : Inspiration

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

Release date : July 2012

Author :  www.soratemplates.com

Designer :  csscollector.com

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='kwick'>
   <li style='width:158.666666667px'>
    <a href='#'><img class='attachment-slider_accordion' height='392' src='/image.jpg' width='952'/></a>
    <p class='slide_title'><b class='slider_title'>How We Do It</b></p>
   <div class='slide_caption'><b class='slider_title'>How We Do It</b><p>Lorem ipsum dolor sit amet...</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:

• <div id='menu'>
   <ul class='smoothmenu'>
    <li class='current-menu-item'>
    <span class='menuslide'/>
    <a href='#' title='Home'>Home<span class='menu_description'>Beginning</span></a>
     <ul>
      <li><a href='#' title='Accordion Slider'>Accordion Slider</a></li>
   ..........

Just replace "#" with your menu item URL.

How To Change Tab Names of Tab Widget:

find this:

• <ul class='tab-items'>
   <li><a href='#tabs-1' title='Popular'>Popular</a></li>
   <li><a href='#tabs-2' title='Recent'>Recent</a></li>
   <li><a href='#tabs-3' title='Comments'>Comments</a></li>
  </ul>

Change the names "Popular", "Recent" and "Comments" as you like.

Configure Page Navigation Widget:

search for:

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

How to change Author Information:

search for:

• <div id='bio'>
  <img class='avatar' height='80' src='/avatar.gif' width='80'/>
  <div class='bio_info'>
  <h3>About the author</h3>
  <span>admin had written...</span>
  <p>Donec accumsan malesuada orcidonec...</p>
  </div>