GrungeMag Blogger Template

DemoDownload

Template name : GrungeMag

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Elegant Background, Featured Content Slider, 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

Configure Featured Content Slider:

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

• <div class='slide-items'>
   <a href='#'><img class='no_border' height='123' src='/image.jpg' width='155'/></a>
   <span class='slide-items-a'>
   <a href='#' rel='bookmark'>Ut sagittis ...</a>
   </span>
  </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:

• <ul class='nav superfish' id='nav2'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>About</a>
    <ul class='children'>
     <li><a href='#'>Contact Information</a></li>
     <li><a href='#'>Meet The Team</a></li>
   ..........
  <div id='categories'>
   <ul class='nav superfish'>
    <li><a href='#'>Custom Logos</a>
     <ul class='children'>
      <li><a href='#'>Case Studies</a></li>
   ..........

Just 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.

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

eGallery Blogger Template

DemoDownload

Template name : eGallery

Template features : Wordpress Look, 4 Columns, Right Sidebar, Gallery, Elegant, Fixed Width, 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 Random Pics Widget:

search for:

• <h2>Random Pics</h2>
   <li><a href='#'><img class='feature' height='53' src='/image.jpg' width='53'/></a>
   <em><img class='featured-hover-random' height='120' src='/thumb.jpg' width='207'/></em>
   </li>
   ..........

Now replace:

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

Read more

Boardwalk Blogger Template

DemoDownload

Template name : Boardwalk

Template features : Wordpress Look, 2 Columns, Left Sidebar, Travel, Fixed Width, Blue Background, Vertical Navigation Menu.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.com

Basic Instructions : How to install a Blogger Template

Read more

Bloom Blogger Template

DemoDownload

Template name : Bloom

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Elegant, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Page Navigation.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.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='mygallery'>
   <div class='imageElement'><h2>Was "Free Willy" Better Off in Captivity?</h2><p/>
   <a class='open' href='#' title='Read More'/>
   <img class='full' src='/image.jpg'/>
   <img class='thumbnail'/></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:

• <ul class='wpn_menu' id='menu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Get in Touch</a></li>
   ..........
  <ul class='wpn_submenu' id='submenu'>
   <li><a href='#'>Culture + Celebrity</a></li>
   <li><a href='#'>Fashion + Beauty</a></li>
   ..........

Just 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

Vintmint Blogger Template

DemoDownload

Template name : Vintmint

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

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.com

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 class='featured'>
   <span class='wpn_heading'>Featured Posts</span>
   <div class='wpn_fthumbs'>
   <a class='wpn_featured-arrowl' href='#'/><span>
   <a href='#'><img class='wpn_active' src='/image.jpg'/></a>
   ..........
   <li><img class='wpn_thumbnail' src='thumb.jpg'/>
   <div class='wpn_finfo'><a class='wpn_title' href='#'>Donec gravida lacinia mi hendrerit hendrerit</a><br/>
   <p>Aenean at neque vel diam feugiat...<a href='#'>more</a></p></div>
   </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:

• <ul class='submenu'>
   <li><a href='#'>Arnare</a></li>
   <li><a href='#'>Blesuada</a>
    <ul class='children'>
     <li><a href='#'>Cursus</a></li>
     <li><a href='#'>Fermentum</a></li>
   ..........

Just replace "#" with your menu item URL.

Read more

Elements Blogger Template

DemoDownload

Template name : Elements

Template features : Wordpress Look, Right Sidebar, 2 Columns, Elegant, Featured Content Slider, Fixed width, Dark, Tabbed widget, Top Navigation Menu.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.com

Basic Instructions : How to install a Blogger Template

Updated : (03-07-2012)

• Sidebar widgets now can be hid/expanded.
• jQuery Tabs added.

Configure Featured Content Slider:

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

• <div id='mygallery'>
  <div class='imageElement'>
  <h2>Little Big Planet spawns festive level pack</h2>
  <p>Phasellus ...</p>
  <a class='open' href='#' title='Read More'/>
  <img class='full' src='.../image.jpg'/>
  <img class='thumbnail'/>
  </div>
  ..........

Now replace:

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

Configure the dropdown menu:

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

• <ul class='menu'>
  <li><a href='#'><span>Home</span></a></li>
  <li><a href='#'>HTML Elements!</a>
  ..........
  <ul class='submenu'>
  <li><a href='#'>Celebrities</a></li>
  <li><a href='#'>Miscellaneous</a></li>
  ..........

Now 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'>Popular</a></li>
  <li><a href='#widget-themater_tabs-1432447472-id2'>Latest News</a></li>
  <li><a href='#widget-themater_tabs-1432447472-id3'>Latest Comments</a></li>
  </ul>

Now change the names "Popular", "Latest News" and "Latest Comments" as you like.

Read more