GrungeMag Blogger Template Html5 CSS3





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

Free download blogspot template Html5 CSS3

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.
Posted by Dexcuit at 7:36:00 PM No comments :

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )