Rocket Blogger Template

DemoDownload

Template name : Rocket

Platform: Blogger / Blogspot

Release date : April 2013

Author :  www.soratemplates.com

Designer :  kopasoft

Template features : 3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Gray Background, 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='flexslider' id='home-slider'>
   <ul class='slides'>
   <li>
   <article>
   <div class='kp-view'>
   <img src='../slide-1.jpg'/>
   <a class='kp-mask' href='#'/>
   </div> 
   <div class='flex-caption'>
   <h1><a href='#'>Eight Important Factors of ...</a></h1>
   </div> 
   </article>
   </li>
   ..........

Replace:

• "#" with your featured post URL.
• "slide-1.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 id='main-menu'>
   <li class='current-menu-item'><a href='#'>Home</a></li>
   <li><a href='#'>Features</a>
    <ul>
     <li><a href='#'>Categories page</a></li>
     <li><a href='#'>Single page</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

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

Read More

Jarid Blogger Template

DemoDownload

Template name : Jarid

Platform: Blogger / Blogspot

Release date : March 2013

Author :  www.soratemplates.com

Designer: tielabs

Template features : 3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, 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='flexslider'>
  <ul class='slides'>
   <li><a href='#'><img class='attachment-660x330' height='330' src='../image.jpg' width='620'/></a>
   <div class='slider-caption'>
   <h2><a href='#'>Maecenas mattis, tortor ut posuere aliquam</a></h2>
   <p>iam wisi quam lorem vestibulum...</p>
   </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:

• <div class='main-menu'>
   <ul class='menu' id='menu-main'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Post Head Modes</a>
    <ul class='sub-menu'>
     <li><a href='#'>Post With Featured Image</a></li>
     <li><a href='#'>Post With Slider</a></li>
   ..........

Replace "#" with your menu item URL.

How To Change Header Banner:

find this:

• <div class='ads-top'>    
   <a href='#' target='_blank'><img src='../banner728.gif'/></a>   
  </div>

Now replace:

• "#" with your banner URL.
• "banner728.gif" with your banner image.

Configure Page Navigation Widget:

search for:

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

Read More

Sunrise Blogger Template

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.

Read More

FitnessMag Blogger Template

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>

Read More

Accord Blogger Template

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

Read More

Project 10 Blogger Template

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

Read More

Confidence Blogger Template

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

Read More

Collective Blogger Template

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

Read More

Boulevard Blogger Template

DemoDownload

Template name : Boulevard

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

Release date : June 2012

Author :  www.soratemplates.com

Designer :  themesector.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 id='featured-wrapper'>
   <div class='slider'>
   <a href='#'><img src='/image.jpg' title='#htmlcaption_66'/></a>
   </div>
  ..........
   <div class='slider-text nivo-html-caption' id='htmlcaption_66'>
   <div class='slider-heading'>
   <h2><a href='#'>Battlefield 3 multiplayer review</a></h2>
   <p>Lorem ipsum dolor sit amet...</p>
   </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'>
   <ul class='menu' id='menu-main'>
    <li><a href='#'>Home</a>
     <ul class='sub-menu'>
      <li><a href='#'>Blog Style</a></li>
  ..........

Just replace "#" with your menu item URL.

How To Change Header Banner:

find this:

• <div id='header-banner'>
  <a href='#'><img src='/header-banner.jpg'/></a>
  </div>

Now replace:

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

How To Change Tab Names of Tab Widget:

find this:

• <ul class='tabs'>
   <li class='active'><a href='#tab1'>Popular</a></li>
   <li><a href='#tab2'>Comments</a></li>
   <li><a href='#tab3'>Tags</a></li>
  </ul>

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

Configure Page Navigation Widget:

search for:

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

Read More

eGamer Blogger Template

DemoDownload

Template name : eGamer

Template features : Wordpress Look, 3 Columns, Left Sidebar, Gaming, Elegant, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.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 id='slider'>
   <ul>
    <li class='thumbnail-div-featured' style='background-image: url(/image.jpg);'>
   <div class='featured-inside'>
   <a class='titles-featured' href='#' rel='bookmark'>Maecenas scelerisque fermentum metus...</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='nav superfish'>
   <li><a href='#'>Coding</a></li>
   <li><a href='#'>Custom Logos</a></li>
   <li><a href='#'>Featured Articles</a></li>
   <li><a href='#'>Game Reviews</a>
    <ul class='children'>
     <li><a href='#'>XBOX</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

Read More

Deviant Blogger Template

DemoDownload

Template name : Deviant

Template features : Wordpress Look, 3 Columns, Right Sidebar, Personal, Elegant Design, Fixed Width, Top Navigation Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.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='superfish nav_links'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>About Us</a>
    <ul class='children'>
     <li><a href='#'>Meet The Team</a></li>
     <li><a href='#'>Our Mission Statement</a></li>
   ..........

Replace "#" with your menu item URL.

How To Change Tab Names of Tab Widget:

find this:

• <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
   <li><a href='#widget-themater_tabs-1432447472-id1'>Tab 1</a></li>
   <li><a href='#widget-themater_tabs-1432447472-id2'>Tab 2</a></li>
   <li><a href='#widget-themater_tabs-1432447472-id3'>Tab 3</a></li>
  </ul>

Change the names "Tab 1", "Tab 2" and "Tab 3" as you like.

Configure Page Navigation Widget:

search for:

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

Read More

Daily Journal Blogger Template

DemoDownload

Template name : Daily Journal

Template features : 3 Columns, Right Sidebar, Personal, Elegant, Fixed Width, Left Vertical Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.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='nav' id='menu-pages'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>About</a></li>
   <li><a href='#'>Page Templates</a>
    <ul class='sub-menu'>
     <li><a href='#'>Sitemap</a></li>
     <li><a href='#'>Full Width</a></li>
   ..........

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

Read More

Influx Blogger Template

DemoDownload

Template name : Influx

Template features : Wordpress Look, 3 Columns, Right Sidebar, Personal, Fixed Width, Tabbed Widget, Top Navigation Menu.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

Basic Instructions : How to install a Blogger Template

How To Change Tab Names of Tab Widget:

find this:

• <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
   <li><a href='#widget-themater_tabs-1432447472-id1'>Tab 1</a></li>
   <li><a href='#widget-themater_tabs-1432447472-id2'>Tab 2</a></li>
   <li><a href='#widget-themater_tabs-1432447472-id3'>Tab 3</a></li>
  </ul>

Change the names "Tab 1", "Tab 2" and "Tab 3" as you like.

Read More