RespoAum Responsive Blogger Template




Live Demo

RespoAum is the newest and the most advanced Blogger template with a Responsive design  and fluid layout. We are not using Bootstrap or any other 3rd party framework, I designed this theme with my own framework. If you want to learn more about responsive design then check it out.

Key Features


  1. Responsive Design: This theme is fully responsive with lot of features, As we all know that PC market is going down and users are using smartphone and tablets to surf the net. This theme fits on every screen which will help you to increase traffic of your blog.
  2. Multi Level Drop Down Menu: This theme also have multilevel drop down menu which is fully responsive and change its design according to size of window.
  3. Seo Friendly: This theme is absolutely brilliant for search engines. It load very fast and also we have changed h3 post title tag to h2.
  4. Social Sharing Buttons: We have added social sharing button below each and every blog post with proper alignment & design, It will help you to increase your blog visibility on social networks.
More Features: Numbered Page Navigation, Search Box, Auto Read More, Customized Popular post widget, Seo Friendly, Threaded Comment Style and much more.

Customize Drop Down Menu


Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<nav class='dark w-shadow'>
<div class='nav-container'>
<ul class='nav-menu slideUp w-divider'>
<li> <a href='#'>Home</a> </li>
<li class='nav-dropdown'>
<a href='#'>About <span class='s-button s-collapse-trigger' href='#'>+</span></a>
<ul>
<li>
<a href='#'>Sub Item 1 <span class='s-button s-collapse-trigger' href='#'>+</span></a>
<ul>
<li><a href='#'>Sub Item 1</a></li>
<li>
<a href='#'>Sub Item 2 <span class='s-button s-collapse-trigger' href='#'>+</span></a><ul>
<li><a href='#'>Sub Item 1</a></li>
<li><a href='#'>Sub Item 2</a></li>
<li><a href='#'>Sub Item 3</a></li>
<li><a href='#'>Sub Item 4</a></li>
<li><a href='#'>Sub Item 5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 3</a></li>
<li><a href='#'>Sub Item 4</a></li>
<li><a href='#'>Sub Item 5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2</a></li>
<li><a href='#'>Sub Item 3</a></li>
<li><a href='#'>Sub Item 4</a></li>
<li><a href='#'>Sub Item 5</a></li>
</ul>
</li>
<li> <a href='#'>Action</a> </li>
<li> <a href='#'>Research</a> </li>
<li> <a href='#'>More</a> </li>
</ul>

<a class='s-button s-collapse-trigger' href='#'>+</a>
</div>
</nav>

Labels: , , , , , , ,