
Featured
- Three column
- Tested in majoring browser
- Ads ready
- Automatic readmore
- Three column lower section
- etc
1. Install
- Download xml file
- Save to your desktop
- Go to blogger dashboard, open Edit HTML, click upload buttom and choose your downloaded xml file
- Save
You can create custom header, size is about 400x100 pixel. Upload through page element, click Header widget
3. Header Right Ads
This templates is designed ads ready. Put your 468x60 banner ads, through Page Element, click on HTML widget and paste your code
4. Top Navigation Menu
Open Edit HTML, edit this code below
<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.bietemplates.com/' target='_blank'>
Template Gallery</a></li>
<li><a href='http://www.emocutez.com' target='_blank'>Emoticon</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>
</div>
5. Secondary Navigation Menu
Open Edit HTML, edit this code below
<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>
6. Banner Ads 125x125
Open Edit HTML. Tick mark on Expand Widget Template. Find these code below
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/s1600/themeforest.jpg'/></a>
Change '#' to your targetted URL
Change https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/s1600/themeforest.jpg to your image URL
Any comment, suggestion, bug report, just drop your comment.
Be respectful, do not remove credit footer link or do tricky thing such as replacing original link but still the same anchor text :D
-------------------------------------------------
THE CONTENTS OF THIS TEMPLATE IS MADE BY CEBONG IPIET.
PLEASE BE RESPECTFUL AND DO NOT REMOVE CREDIT FOOTER LINK WITHOUT MY PERMISSION.
YOU ARE ALLOWED TO DISTRIBUTE BUT NOT ALLOWED TO ADD ANY LINK ON FOOTER
0 comments: on "Blogger Template : WoodMag"
Post a Comment