Neat Mag Blogger Template

Theme Categories: 1 Sidebar, 2 Columns, 4 Columns Footer, Blue, Color Options, Featured Section, Grey, Header Banner, Left Sidebar, Magazine, Photolog, Premium, Responsive, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, White,

Theme Name:

Neat Mag

Author / URL:

NewBloggerThemes | https://newbloggerthemes.com/

Designer / URL:

NewBloggerThemes | https://newbloggerthemes.com/

Published Date:

March 27, 2018

Advanced Details:

https://newbloggerthemes.com/neat-mag-blogger-template/

Live Demo Template Installation Premium Themes

Buy Now

Neat Mag is easy to use, search engine optimized, feature-rich, multi-purpose, magazine blogger template. It is fully responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using desktops, tablets and mobile devices. Neat Mag Blogger template has color and font options (Theme Designer compatible), unlimited slider widgets, label based different news blocks, tabbed widget area, 4 columns footer widgets area, right sidebar, Google fonts, sticky sidebar, background image support, related posts with thumbnails, social profile widget, share buttons, top navigation menu, scroll to top button, theme documentation and more.

Neat Mag Blogger Template Features

100% Responsive / Mobile Friendly
Search Engine Friendly
Unlimited Colors to Choose
Hundreds of Fonts to Select
Unlimited Slider Widgets
Recent Posts with Thumbnails
Unlimited Different Featured Posts Areas
Related Posts with Thumbnails
Different Layout Options for Posts and Pages (full width/left sidebar/right sidebar)
4 Columns Footer Widgets Area
Full Width Not Found(404) Page
Top Multi-level Navigation Menus
Numbered Posts Navigation
Custom Post Navigation
Social Profiles Widget
Post Share Buttons
Facebook and Twitter Meta Data
Many More Features...

How To Configure Top Navigation Menu

Find this in "Edit HTML":

<ul class='pgnav pg-nav-menu-dropdown'>

<li><a class='pg-active' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>

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

How To Add a Slider Widget

You can add unlimted number of Slider Widgets to your website. This slider widget automatically displays posts from a given label name.

To add a slider to the top of the webpage, Go to "Layout" page. Click on the edit link of "Featured Posts Slider Widget" widget and add this code:

<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgfeaturedslider&max-results=10"></script>

Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address.
Replace "LABELNAME" with the real label name you want to retrieve posts.
Replace "10" with the number of posts you need to load in the slider.

Example:

<script src="https://neatmag.blogspot.com/feeds/posts/default/-/Motion Design?alt=json-in-script&callback=pgfeaturedslider&max-results=6"></script>

Using above code, you can add slider widgets into other areas of your website also.

How To Add a Post Style 1 Widget

You can add unlimited number of Post Style 1 Widgets to the top or bottom content area or to the sidebar. This widget automatically displays posts from a given label name.

To add a Post Style 1 Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget:

<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address.
Replace "LABELNAME" with the real label name you want to retrieve posts.
Replace "6" with the number of posts you need to display inside widget.

Example:

<script src="https://neatmag.blogspot.com/feeds/posts/default/-/Graphic Design?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Add a Post Style 2 Widget

You can add unlimted number of Post Style 2 Widgets to the top or bottom content area. This widget automatically displays posts from a given label name.

To add a Post Style 2 Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget:

<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=pgpoststyletwo&max-results=6"></script>

Example:

<script src="https://neatmag.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgpoststyletwo&max-results=6"></script>

How To Add a Recent Posts Widget

To add a Recent Posts Widget, Go to "Layout" page and add this code to a "HTML/JavaScript" gadget:

<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address.
Replace "6" with the number of posts you need to display inside widget.

Example:

<script src="https://neatmag.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Configure Numbered Posts Navigation

Find this in "Edit HTML":

var pageNaviConf = {
    perPage: 6,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}

By default, page navigation has configured to display 6 posts per page. For example if you need to display 9 posts per page, change "perPage" value to 9. Now final code should be:

var pageNaviConf = {
    perPage: 9,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}

Note: Also set "Number of posts on main page" value to 9 through Blogger settings.

Number of Posts on Main Page

How To Configure Social Buttons

Find this in "Edit HTML":

<div class='widget neatmag-widget-social'>
<h2>Follow &amp; Subscribe</h2>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><span class='screen-reader-text'>Twitter</span></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><span class='screen-reader-text'>Facebook</span></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><span class='screen-reader-text'>GooglePlus</span></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><span class='screen-reader-text'>Pinterest</span></a></li>
<li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><span class='screen-reader-text'>Linkedin</span></a></li>
<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><span class='screen-reader-text'>Instagram</span></a></li>
<li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><span class='screen-reader-text'>Youtube</span></a></li>
...
</ul>
</div>

Add your own social links replacing default social profile URLs.

You can read more details of the theme using the documentation is given with the theme.