Demo Download
Download : http://www.mediafire.com/?jcl5nn6n6bjhum3Demo : http://bloggertemp-woodmag.blogspot.com/
Features of Woodmag Blogger Template
- 3 columns- Lower 3 columns section
- Right sidebar
- Wood background
Hacks Supported By Template
- Search Box- Hidden Navbar Layout
- Automatic Read more with thumbnails
- Top menu links
Woodmag Installation
- Set up custom header
If you want to create custom header you can set it up.It is 400 x 100 pixel.Go to 'layout' section in your blog.In 'Page Elements' click 'Edit' on Header.
- Set up header 480x60 Ad Banner
Click on 'Edit HTML/Javascript' in 'Page Elements' widget and paste Ad code there.
- Edit top navigation Menu
Click on 'Edit HTML' under 'layout' section.Find (CTRL+F) and edit the code below.
<div id='navwrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#' target='_blank'>Template Gallery</a></li>
<li><a href='#' target='_blank'>Emoticon</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>
Replace text in red with appropriate links and text in green with linking text.
- Edit seconadary navigation Menu
In 'Edit HTML' under 'layout' section and edit the code below like you did in top navigation Menu.
<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>
<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>
- Customize 125x125 banner Ads
Open Edit HTML. Check on 'Expand Widget Template'. Find the code below
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-JzQwbvu-YlcHdwuc9jf-5xDZDDa1h0yX_FS6YHllqNJvWKozjmqKKH5Z4_qAkG_1OdZ4E-eL5UVopC3Rv6tato500MUVeAkHOwkSHNJgcSnVflZ6r-1Oz-dJES1_-CprRMBhs6GUFI99/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-JzQwbvu-YlcHdwuc9jf-5xDZDDa1h0yX_FS6YHllqNJvWKozjmqKKH5Z4_qAkG_1OdZ4E-eL5UVopC3Rv6tato500MUVeAkHOwkSHNJgcSnVflZ6r-1Oz-dJES1_-CprRMBhs6GUFI99/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-JzQwbvu-YlcHdwuc9jf-5xDZDDa1h0yX_FS6YHllqNJvWKozjmqKKH5Z4_qAkG_1OdZ4E-eL5UVopC3Rv6tato500MUVeAkHOwkSHNJgcSnVflZ6r-1Oz-dJES1_-CprRMBhs6GUFI99/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-JzQwbvu-YlcHdwuc9jf-5xDZDDa1h0yX_FS6YHllqNJvWKozjmqKKH5Z4_qAkG_1OdZ4E-eL5UVopC3Rv6tato500MUVeAkHOwkSHNJgcSnVflZ6r-1Oz-dJES1_-CprRMBhs6GUFI99/s1600/themeforest.jpg'/></a>
Change text in green with targeted Url and text in red with image URL.
|
|
|
|
Get Free Email Updates Daily! |
Follow us! 
|
0 comments:
Post a Comment