Installation (Way-1)
- Unzip the Template file.
- On Blogger Dashboard Click Theme.
- Click Backup/Restore button (Top Right).
- Click button. And select .xml template file.
- Then Click Upload
Installation (Way-2 Recommended)
- Unzip the Template file.
- Open the unzipped folder.
- Now Open .xml file on a textfile.
- On Blogger Dashboard Click Theme.
- Click Edit HTML button.
- Now select all codes and remove. Then paste copied new codes.
- Then Click Save template
Top Social Icons
Go to Template > Edit HTML and find below codes and change all # with your social profile links.
<div class='top-social-wrapper'>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-facebook'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-google-plus'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-twitter'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-linkedin'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-pinterest-square'/></a></div>
<div class='clear'/>
</div>
Main Menu
Go to Template > Edit HTML and find below codes and change all # with your menu links.
<div class='megamenu-container'>
<div class='megamenu'>
<a class='megamenu-mobile' href='#'><i class='fas fa-bars'/></a>
<ul>
<li class='homers'><a href='/'>Home</a></li>
<li><a href='#'>Sports</a></li>
<li><a href='#'>Fashion</a></li>
<li>
<a href='#'>Mega Menu <i class='fa fa-angle-down'/></a>
<ul>
<li>
<a href='#'>School</a>
<ul>
<li><a href='#'>Leadership</a></li>
<li><a href='#'>History</a></li>
<li><a href='#'>Locations</a></li>
<li><a href='#'>Careers</a></li>
</ul>
</li>
<li>
<a href='#'>Study</a>
<ul>
<li><a href='#'>Undergraduate</a></li>
<li><a href='#'>Masters</a></li>
<li><a href='#'>International</a></li>
<li><a href='#'>Online</a></li>
</ul>
</li>
<li>
<a href='#'>Research</a>
<ul>
<li><a href='#'>Undergraduate research</a></li>
<li><a href='#'>Masters research</a></li>
<li><a href='#'>Funding</a></li>
</ul>
</li>
<li>
<a href='#'>Something</a>
<ul>
<li><a href='#'>Sub something</a></li>
<li><a href='#'>Sub something</a></li>
<li><a href='#'>Sub something</a></li>
<li><a href='#'>Sub something</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href='#'>Dropdown <i class='fa fa-angle-down'/></a>
<ul>
<li><a href='#'>Today</a></li>
<li><a href='#'>Calendar</a></li>
<li><a href='#'>Sport</a></li>
<li><a href='#'>Today</a></li>
<li><a href='#'>Calendar</a></li>
<li><a href='#'>Sport</a></li>
</ul>
</li>
<li>
<a href='#'>World News <i class='fa fa-angle-down'/></a>
<ul>
<li><a href='#'>Today</a></li>
<li><a href='#'>Calendar</a></li>
<li><a href='#'>Sport</a></li>
<li><a href='#'>Today</a></li>
<li><a href='#'>Calendar</a></li>
<li><a href='#'>Sport</a></li>
</ul>
</li>
</ul>
<span class='containersearch'>
<form action='/search' id='search-form' method='get'>
<input class='inputnui' name='q' placeholder='Search here...' type='search' value=''/>
<i aria-hidden='true' class='fa fa-search'/>
</form>
</span>
</div>
</div>
Featured Posts Widget Pro only
Go to Layout > Trending Posts widget
Home Layout Box
Go to Layout > and click on the Add a Gadget > HTML/JavaScript > in the section Home Layout box. Now add this shortcode structure [Label-Name][box-style] and save the widget.Box style for free users:
Box style for Pro users:
Pro users can add unlimited widgets through this shortcode structure.
All Box style name with screenshot
Here is all shortcode of the home layout box. Note this, free users can add only the first two box styles only. Rest of box doesn't work in the free version.
Author Box Social Icons
Go to Template > Edit HTML and find below codes.
<ul class='social-links'>
<li class='first'><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li>
<li><a class='email-link' href='mailto:yourmail@domain.com'><i class='fa fa-envelope-o'/></a></li>
<li class='last'><a href='/'><i class='fa fa-laptop'/> </a></li>
</ul>