Sunday, August 30, 2009

Free Blogger Template Wood Mag

Wood Mag is an appealing free Blogger template (free Blogspot template) with a woodgrain background. The theme which is in the popular magazine style is suitable for both personal blogs and business blogs. Wood Mag features a 3 column design, 2 navigation menus, a split column widgetized footer and expandable post summaries via a read more function. For those looking to monetize their blog this free Blogger template comes ads ready with space for 4 125x125 affiliate banners in the sidebar. The theme is also Google Adsense ready and has a 468x60 Adsense slot in the header.

Wood Mag - Free Blogger Template. Free Blogspot Template

Demo | Download


FEATURES
Designed by: Ipietoon

3 column design
2 Navigation menus
2 right sidebars
Read more function
3 column footer
Google Adsense ready - 468x60 ad unit in header
Ads ready - 4 125x125 ad slots in sidebar
Free to use with credits intact


Installation Instructions

To Install Template on Blogger
  1. Download Blogger xml template file
  2. Unzip file using Winzip or similar
  3. From the Blogger Dashboard go to Layout > Edit HTML
  4. Backup your existing template if necessary by downloading to computer
  5. Click Browse to select file and then Upload
  6. Click on Save once template file uploaded

To Install Custom Header
  1. Approx size is about 400x100 pixel
  2. Go to Layout > Page Elements
  3. Click on the Header widget
  4. Upload custom header

To Set Up Header Banner Ads
  1. Go to Layout > Page Elements
  2. Click on the HTML Banner widget in the Header Section
  3. Paste in your affiliate banner code

To Set Up Top Navigation Menu
  1. Go to Layout > Edit HTML to edit your template
  2. Edit the URL addresses of the following code as desired:

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://your-link-here' target='_blank'>
your menu item name here</a></li>
<li><a href='http://your-link-here' target='_blank'>your menu item name here</a></li>
<li><a href='http://your-link-here' target='_blank'>your menu item name here</a></li>
</ul>
</div>

To Set Up Secondary Navigation Menu
  1. Go to Layout > Edit HTML to edit your template
  2. Edit the URL addresses and menu item names of the following code as desired:

<div id='nav'>
<ul id='nav'>
<li><a href='http://your-link-here'>Photoshop</a></li>
<li><a href='http://your-link-here'>Freebies</a>
<ul>
<li>
<a href='http://your-link-here'>Icon</a>
<ul>
<li><a href='http://your-link-here'>Icon #1</a></li>
<li><a href='http://your-link-here'>Icon #2</a></li>
<li><a href='http://your-link-here'>Icon #3</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Pattern</a></li>
<li><a href='http://your-link-here'>Brush</a></li>
<li><a href='http://your-link-here'>Swirl</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Vector</a></li>
<li><a href='http://your-link-here'>Sketch</a></li>
<li><a href='http://your-link-here'>Wallpaper</a></li>
<li><a href='http://your-link-here'>Theme</a></li>
<li><a href='http://your-link-here'>Layout</a></li>
<li><a href='http://your-link-here'>Inkscape</a></li>
<li><a href='http://your-link-here'>Graphic</a></li>
<li><a href='http://your-link-here'>CSS</a></li>
<li><a href='http://your-link-here'>Community</a></li>
<li><a href='http://your-link-here'>Submit</a></li>
</ul>
</div>

Set Up Affiliate Banner Ads 125x125
  1. Go to Layout > Edit HTML to edit your template
  2. Check the Expand Widget Templates box
  3. Find the code below
  4. Change '#' to your targetted URL
  5. Change http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg to your image URL:

<a class='ad1' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>

Please remember to keep the credit links intact and respect the hours of work by the designer that went into creating this template for free.

Related Links
Free Blogger Templates Magazine Style
Free Blogger Templates Adsense Ready

No comments:

Post a Comment