Avada Blogger Blogger Template


Avada is so flexible, clean and has fully mobile responsive design (Try resizing the page of your browser). Built with CSS3 and Lightweight Blogger XML, a lot of hard work went into making Avada a pleasure to use. Avada has with a bucket full of features and has powerful customization options. It’s extremely nippy and easy to customize. This theme’s has clean modern design, which could decorate any kind of website; portfolio, corporate, business, blog, products, etc.


Avada Blogger Template Features


Name:
Author:
Category:
WordPress Look, Responsive Design, SEO Friendly, Drop Down Menu, Auto Thumb with Read More, Fixed Width
Additional Features:
1 Sidebar, 2 columns Blog Layout, 3 Colum Footer, Fixed Width, Light Greenish Color Scheme, Threaded commenting system and much more.

Customization of Amada Blogger Template

How To Customize Drop Down Nav Menu?

To customize drop down menu of this blogger template Go to Blogger >> Template >> Edit HTML >> Proceed >> then Search for the following HTML Coding and do changes according to your desire needs.

<nav class='nav-holder' id='nav'>
<ul class='menu' id='nav'>

<li><a href='http://www.mybloggerlab.com/'>Home</a>
<ul class='sub-menu'>
<li><a href='#'>Home Version 1</a></li>
<li><a href='#'>Home Version 2</a></li>
<li><a href='#'>Home Version 3</a></li>
</ul>
</li>

<li><a href='#'>Sliders</a>
<ul class='sub-menu'>
<li><a href='#'>Revolution Slider</a></li>
<li><a href='#'>Layer Slider 3.0</a></li>
<li><a href='#'>FlexSlider</a></li>
<li><a href='#'>ThemeFusion Slider</a></li>
</ul>
</li>

<li><a href=''#'>About Us</a></li>
<li><a href=''#'>Contact Us</a></li>
<li><a href=''#'>Blog</a>
</li>
</ul>
</nav>

Adding Widgets Below/Above Posts:

If anyone desire to add widgets below/above posts of this theme, then he can follow the following instructions. (We have added this feature because many uses complains that Blogger Themes don't have user-friendly customization interface). Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

To Show Below Post Title:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (Below Post Title)-->
</b:if>

Replace <!--Google Adsense Ad Code (Below Post Title)--> To Show widget Below Post Title.

To Show at The End of Posts:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (At the End of Posts)-->
</b:if>

Replace<!--Google Adsense Ad Code (At the End of Posts)--> To display Widget at the end of posts.

No comments:
Write comments