
Installation Setting :
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
2. Header
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/AVvXsEiUU5Tscy7fN_txzDiE7peLWpweaOOPmLuUYLMbctpUvm-95ss26OCPrHuxpcyqaFh6E4mBKV3KjaL2_uasAGeZCw6bFlutA6uRLjoYcf9WTYVkzFMWrMsbt67zI4BT2zPFmSoWxE-D_0XK/s1600/themeforest.jpg"/></a>
<!-- Ad2 start -->
<a class="ad2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUU5Tscy7fN_txzDiE7peLWpweaOOPmLuUYLMbctpUvm-95ss26OCPrHuxpcyqaFh6E4mBKV3KjaL2_uasAGeZCw6bFlutA6uRLjoYcf9WTYVkzFMWrMsbt67zI4BT2zPFmSoWxE-D_0XK/s1600/themeforest.jpg"/></a>
<!-- Ad3 start -->
<a class="ad3" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUU5Tscy7fN_txzDiE7peLWpweaOOPmLuUYLMbctpUvm-95ss26OCPrHuxpcyqaFh6E4mBKV3KjaL2_uasAGeZCw6bFlutA6uRLjoYcf9WTYVkzFMWrMsbt67zI4BT2zPFmSoWxE-D_0XK/s1600/themeforest.jpg"/></a>
<!-- Ad4 start -->
<a class="ad4" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUU5Tscy7fN_txzDiE7peLWpweaOOPmLuUYLMbctpUvm-95ss26OCPrHuxpcyqaFh6E4mBKV3KjaL2_uasAGeZCw6bFlutA6uRLjoYcf9WTYVkzFMWrMsbt67zI4BT2zPFmSoWxE-D_0XK/s1600/themeforest.jpg"/></a>
Change "#" to your targetted URL
Change https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUU5Tscy7fN_txzDiE7peLWpweaOOPmLuUYLMbctpUvm-95ss26OCPrHuxpcyqaFh6E4mBKV3KjaL2_uasAGeZCw6bFlutA6uRLjoYcf9WTYVkzFMWrMsbt67zI4BT2zPFmSoWxE-D_0XK/s1600/themeforest.jpg to your image URL
Demo : Click Here
Download Template : Click Here
Design Template By Ipietoon for BieTemplate