Jago Mag Documentation

Installation (Way-1)

  1. Unzip the Template file.
  2. On Blogger Dashboard Click Theme.
  3. Click Backup/Restore button (Top Right).
  4. Click  button. And select .xml template file.
  5. Then Click Upload

Installation (Way-2 Recommended)

  1. Unzip the Template file.
  2. Open the unzipped folder.
  3. Now Open .xml file on a textfile.
  4. On Blogger Dashboard Click Theme.
  5. Click Edit HTML button.
  6. Now select all codes and remove. Then paste copied new codes.
  7. 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: recentmag mag2
Box style for Pro users: recentmag mag2 listmag block1 magmark reviewbox  

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> 

MS Ad Manager

It is our new feature to manage Ad from the layout. Go to Layout > MS Ad Manager Open widget and paste ad code. (Free users can't use full features of MS Ad Manager)

MS Ad Manager Overview and How it Works?

Change Template Colors

It is very easy to change the template color with one click. Go to Template > Customize > Advanced.

Remove Footer Credits

Buy this template for $9.95 and unlock footer credits and MS AD Manager.

Buy Now ($9.95)