Download Divinity Blogger Template

LIVE DEMO | DOWNLOAD

Divinity is free and stunning blogger template that looks totally different from other template. Divinity is one of the blogger template that has super clean look. This theme is best for niche blogging like technology.

KEY FEATURES

1. 2 Drop Down Menu: The good feature of this template is 2 drop down menu that looks awesome.It is now easy to add many links to this menu more than that it also help readers to easily navigate blog.

2. Professional Look: Color combination in this theme gives charming and professional look. This theme is also adsense ready which helps to boost earning from adsense.

3. Lazy Page Loading Plugin: This plugin is the best one as it easily replaces your whole blog with small loading image and when your blog load it will show your blog in no time. Special thanks to MBL for providing this awesome plugin.

4. Social Sharing: In this template you will find social sharing buttons that is highly recommended for all pro bloggers as it helps to increase your blog visibility on social networks.

5. More Features: Search box, Customized popular post widget, Numbered page navigation, SEO friendly, Auto Read more, threaded comment style and much more.

How To Add Customize Drop Down Menu

1. Login to blogger.com
2. Go to Dashboard
3. Click on template section.
4. Click on Edit HTML
5. Press Ctrl+F for search
6. Now search for any of the following code which is given below. Just you have to replace # with your URL.
7. Save template.
Code For Top Menu Search 

<ul class="urlmenu"><li><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li>
<a href="#"> Portfolio</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Web Development</a></li>
<li><a href="#">Illustrations</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>

Code For Menu Below Header Search

<ul class="sec-go"><li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li>
<a href="#"> Portfolio</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Web Development</a></li>
<li><a href="#">Illustrations</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>

How To Remove Lazy Load Plugin

If you want to remove lazy load plugin then remove below code from your blog. 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='mbl-lazyloading'><div id='mbl-progress-bar'/><div id='mbl-loader'>This Loading Effect is Powered By<a href='http://www.mybloggerlab.com'>MyBloggerLab</a></div></div></b:if>

Work Done.Enjoy!