Installation (Way-1)
- Unzip the True Mag 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 id='menu-wrapper'>
<nav id='menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<input type='checkbox'/>
<label/>
<ul>
<li class='homers'><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#'>Menu1</a></li>
<li><a class='ai' href='#'>Drop Menu <i class='fa fa-angle-down'/></a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu2</a></li>
<li><a class='ai' href='#'>Drop Menu <i class='fa fa-angle-down'/></a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
<li><a class='trigger2' href='#' onclick='window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7cen&amp;hl=en'); return false;' rel='nofollow' target='_blank' title='English'>Translate</a></li>
<li class='nchild'><a class='menur searchr menu-search' href='javascript:;'><i class='fa fa-search'/></a></li>
</ul>
</nav>
</div>
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>
Trending Post Widget
Go to Layout > Trending Posts widget
Sidebar recent posts widgets
Go to Layout and open stocked widgets from Left Sidebar and Right Sidebar and Type [Label-Name][recentmag]