MagLite Blogger Template

Theme Categories: 1 Sidebar, 2 Columns, 3 Columns Footer, Adapted from Wordpress, Featured Section, Grey, Header Banner, Magazine, Responsive, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, White, Yellow,

Theme Name:

MagLite

Author / URL:

NewBloggerThemes | https://newbloggerthemes.com/

Designer / URL:

FlexiThemes | https://flexithemes.com/

Published Date:

September 15, 2017

Advanced Details:

https://newbloggerthemes.com/maglite-blogger-template/

Live Demo Free Download Template Installation Premium Themes

MagLite is fully responsive, 2 columns, free blogger theme. MagLite Blogger template has a featured content slider, primary and secondary navigation menus, web fonts, auto post summaries, social and share buttons, header banner, related posts with thumbnails, right sidebar, 3 columns footer widgets area and more.

How To Configure Primary Navigation Menu

Find this in "Edit HTML":

<div class='menu-primary-container'>
<ul class='menus menu-primary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

...

</ul>
</div>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Secondary Navigation Menu

Find this in "Edit HTML":

<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
</div>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Content Slider:

There are 5 slides in the slider. This is the code of the first slide:

<!-- Slide 1 Code Start -->
<li>
    <a href='ENTER-SLIDE-1-LINK-HERE'><img src='https://3.bp.blogspot.com/-jQIg51rHGIA/WbtjUdFG9PI/AAAAAAAASNM/GQtvvik72LcVzO6IJirx9mNuJN3L5dBRgCLcBGAs/s1600/1.jpg'/></a>
    <div class='flex-slideinfo'>
        <h3><a href='ENTER-SLIDE-1-LINK-HERE'>This is default featured slide 1 title</a></h3>
        <p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.</p>
    </div>
</li>
<!-- Slide 1 Code End -->

Now replace,

"This is default featured slide 1 title" with your featured post title.
"ENTER-SLIDE-1-LINK-HERE" with your featured post URL.
"Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com." with your description.
"https://3.bp.blogspot.com/-jQIg51rHGIA/WbtjUdFG9PI/AAAAAAAASNM/GQtvvik72LcVzO6IJirx9mNuJN3L5dBRgCLcBGAs/s1600/1.jpg" with your slider image.

There are another 4 slide codes you have to configure like this.