2 Sidebars | NewBloggerThemes.com https://newbloggerthemes.com Free Blogger Templates for your blog. Download New Blogger Themes,Professional XML Blogspot Templates with in 1, 2 or 3 columns layouts for Free. Mon, 08 Jul 2024 13:24:26 +0000 en-US hourly 1 PowerWP Blogger Template https://newbloggerthemes.com/powerwp-blogger-template/ https://newbloggerthemes.com/powerwp-blogger-template/#respond Mon, 08 Jul 2024 12:14:14 +0000 https://newbloggerthemes.com/?p=7026 PowerWP Blogger Theme

PowerWP is 100% responsive, 3 columns blogger template for blogs, news and magazine Websites. PowerWP Blogger template has many color and font options (Theme Designer compatible), 5 featured posts widgets, social widget, about me widget, left and right sidebars, 4 columns footer widgets area, Google fonts, background image support, related posts with thumbnails, social and share buttons, top navigation menu, scroll-to-top button and more.

How To Configure Top Navigation Menu

Find this in "Edit HTML": 
<ul class='menu powerwp-nav-menu menu-primary' id='menu-primary-navigation'>

<li><a expr:href='data:blog.homepageUrl'>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 Featured Posts Widgets

There are 5 featured posts widgets. All widget codes with instructions are given with the theme file. Check the "widget-codes" folder.

How To Configure Footer Social Buttons

Find this in "Edit HTML": 
<div class='powerwp-social-icons clearfix'>
<div class='powerwp-social-icons-inner clearfix'>
<div class='powerwp-container clearfix'>

<a class='powerwp-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='powerwp-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='powerwp-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='powerwp-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='powerwp-social-icon-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
...

</div>
</div>
</div>
Add your own social links replacing default social profile URLs.

PowerWP Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - PowerWP Blogger Template]]> PowerWP Blogger Theme

PowerWP is 100% responsive, 3 columns blogger template for blogs, news and magazine Websites. PowerWP Blogger template has many color and font options (Theme Designer compatible), 5 featured posts widgets, social widget, about me widget, left and right sidebars, 4 columns footer widgets area, Google fonts, background image support, related posts with thumbnails, social and share buttons, top navigation menu, scroll-to-top button and more.

How To Configure Top Navigation Menu

Find this in "Edit HTML": 
<ul class='menu powerwp-nav-menu menu-primary' id='menu-primary-navigation'>

<li><a expr:href='data:blog.homepageUrl'>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 Featured Posts Widgets

There are 5 featured posts widgets. All widget codes with instructions are given with the theme file. Check the "widget-codes" folder.

How To Configure Footer Social Buttons

Find this in "Edit HTML": 
<div class='powerwp-social-icons clearfix'>
<div class='powerwp-social-icons-inner clearfix'>
<div class='powerwp-container clearfix'>

<a class='powerwp-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='powerwp-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='powerwp-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='powerwp-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='powerwp-social-icon-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
...

</div>
</div>
</div>
Add your own social links replacing default social profile URLs.

PowerWP Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - PowerWP Blogger Template]]> https://newbloggerthemes.com/powerwp-blogger-template/feed/ 0 FreshWP Blogger Template https://newbloggerthemes.com/freshwp-blogger-template/ https://newbloggerthemes.com/freshwp-blogger-template/#respond Tue, 25 Jun 2024 03:03:41 +0000 https://newbloggerthemes.com/?p=7034 FreshWP Blogger Theme

FreshWP is a Theme Designer compatible, fully responsive, 3 columns blogger template with left/right sidebars and 4 columns footer. FreshWP Blogger template has many color and font options, 8 featured posts widgets, sticky menu and sidebars, social buttons widget, about me widget, clean post summaries, background image support, related posts with thumbnails, social and share buttons, top navigation menu, scroll-to-top button and more.

How To Configure Top Navigation Menu

Find this in "Edit HTML": 
<ul class='freshwp-nav-menu menu-primary' id='menu-primary-navigation'>

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

<li class='menu-item-has-children'><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 Featured Posts Widgets and Other Widgets

FreshWP theme has 8 featured posts widgets, tabbed widget, social widget and about me widget. All widget codes with instructions are given with the theme file. Check the "widget-codes" folder.

How To Configure Footer Social Buttons

Social Buttons - FreshWP Blogger Template Find this in "Edit HTML": 
<div class='freshwp-social-icons clearfix'>
<div class='freshwp-social-icons-inner clearfix'>

<a class='freshwp-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='freshwp-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='freshwp-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='freshwp-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='freshwp-social-icon-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
...

</div>
</div>
Add your own social links replacing default social profile URLs.

FreshWP Blogger Template Responsive View

This Blogger theme is 100% responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using tablets and mobile devices. Responsive View - FreshWP Blogger Template]]> FreshWP Blogger Theme

FreshWP is a Theme Designer compatible, fully responsive, 3 columns blogger template with left/right sidebars and 4 columns footer. FreshWP Blogger template has many color and font options, 8 featured posts widgets, sticky menu and sidebars, social buttons widget, about me widget, clean post summaries, background image support, related posts with thumbnails, social and share buttons, top navigation menu, scroll-to-top button and more.

How To Configure Top Navigation Menu

Find this in "Edit HTML": 
<ul class='freshwp-nav-menu menu-primary' id='menu-primary-navigation'>

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

<li class='menu-item-has-children'><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 Featured Posts Widgets and Other Widgets

FreshWP theme has 8 featured posts widgets, tabbed widget, social widget and about me widget. All widget codes with instructions are given with the theme file. Check the "widget-codes" folder.

How To Configure Footer Social Buttons

Social Buttons - FreshWP Blogger Template Find this in "Edit HTML": 
<div class='freshwp-social-icons clearfix'>
<div class='freshwp-social-icons-inner clearfix'>

<a class='freshwp-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='freshwp-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='freshwp-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='freshwp-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='freshwp-social-icon-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
...

</div>
</div>
Add your own social links replacing default social profile URLs.

FreshWP Blogger Template Responsive View

This Blogger theme is 100% responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using tablets and mobile devices. Responsive View - FreshWP Blogger Template]]> https://newbloggerthemes.com/freshwp-blogger-template/feed/ 0 Glass – News & Magazine Blogger Template https://newbloggerthemes.com/premium-themes/glass-blogger-template/ https://newbloggerthemes.com/premium-themes/glass-blogger-template/#respond Fri, 27 Aug 2021 06:12:30 +0000 https://newbloggerthemes.com/?post_type=premiumnbt&p=7203

Glass is a premium blogger template that is entirely configurable, has a powerful admin panel, and has a high-quality design. It is a responsive, news and magazine premium blogger template with many new features. It is fully customizable, has a powerful admin panel, and has a high-quality design.
Live Demo
Download & More Info
[tinstall]
Files Included: HTML Files, CSS Files, JS Files Compatible with: All modern browsers Glass Blogger Template

Glass Template Features:

  • Powerfull Admin Panel
  • Fully Responsive
  • Fully customizable Design
  • Search Engine Optimized
  • 8 Home Layout Boxs Style
  • Smooth News Ticker
  • Adsense Ready
  • jQuery and CSS3 Effects
  • Multi Level Dropdown Menu
  • Responsive Menu Mobile
  • Font Awesome Icons Integration
  • Full Images Quality
  • Random Posts / Recent Posts / Label Posts
  • Contact US Form
  • Feedburner Form
  • Custom Widgets
  • Blogger Comments
  • Social Media Counter
  • Shortcodes
  • Dark Mode
  • and more…
]]>

Glass is a premium blogger template that is entirely configurable, has a powerful admin panel, and has a high-quality design. It is a responsive, news and magazine premium blogger template with many new features. It is fully customizable, has a powerful admin panel, and has a high-quality design.
Live Demo
Download & More Info
[tinstall]
Files Included: HTML Files, CSS Files, JS Files Compatible with: All modern browsers Glass Blogger Template

Glass Template Features:

  • Powerfull Admin Panel
  • Fully Responsive
  • Fully customizable Design
  • Search Engine Optimized
  • 8 Home Layout Boxs Style
  • Smooth News Ticker
  • Adsense Ready
  • jQuery and CSS3 Effects
  • Multi Level Dropdown Menu
  • Responsive Menu Mobile
  • Font Awesome Icons Integration
  • Full Images Quality
  • Random Posts / Recent Posts / Label Posts
  • Contact US Form
  • Feedburner Form
  • Custom Widgets
  • Blogger Comments
  • Social Media Counter
  • Shortcodes
  • Dark Mode
  • and more…
]]> https://newbloggerthemes.com/premium-themes/glass-blogger-template/feed/ 0 MaxBench Blogger Template https://newbloggerthemes.com/maxbench-blogger-template/ https://newbloggerthemes.com/maxbench-blogger-template/#comments Fri, 02 Nov 2018 13:06:37 +0000 https://newbloggerthemes.com/?p=7119 MaxBench Blogger Theme

MaxBench is a beautiful, 100% responsive, 3 columns blogger theme for weightlifting or fitness websites. MaxBench Blogger template has a mobile friendly slider, 2 right sidebars, 2 navigation menus, auto post summaries, social and post share buttons, header widget, related posts with thumbnails and more.

How To Setup 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 Setup 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 Setup 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://2.bp.blogspot.com/-WbBTK545NLA/W9vmYMjWn0I/AAAAAAAAUr0/k2kbtWu0XdYNON15ezZCpEQpJhViQ17-QCLcBGAs/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/-De8MbUYx3ro/W5zKj2bL__I/AAAAAAAAUj4/DsewGI78c7k3lPrV9bLlIXNjj6eqT8drACLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

MaxBench Blogger Template Responsive View

Responsive View - MaxBench Blogger Template]]> MaxBench Blogger Theme

MaxBench is a beautiful, 100% responsive, 3 columns blogger theme for weightlifting or fitness websites. MaxBench Blogger template has a mobile friendly slider, 2 right sidebars, 2 navigation menus, auto post summaries, social and post share buttons, header widget, related posts with thumbnails and more.

How To Setup 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 Setup 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 Setup 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://2.bp.blogspot.com/-WbBTK545NLA/W9vmYMjWn0I/AAAAAAAAUr0/k2kbtWu0XdYNON15ezZCpEQpJhViQ17-QCLcBGAs/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/-De8MbUYx3ro/W5zKj2bL__I/AAAAAAAAUj4/DsewGI78c7k3lPrV9bLlIXNjj6eqT8drACLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

MaxBench Blogger Template Responsive View

Responsive View - MaxBench Blogger Template]]> https://newbloggerthemes.com/maxbench-blogger-template/feed/ 2 Madd Magazine Blogger Template https://newbloggerthemes.com/madd-magazine-blogger-template/ https://newbloggerthemes.com/madd-magazine-blogger-template/#respond Tue, 19 Jun 2018 13:50:08 +0000 https://newbloggerthemes.com/?p=6992

Madd Magazine is search engine optimized, fully responsive, multi-purpose, news/magazine blogger template. Madd Magazine Blogger template has color and font options (Theme Designer compatible), featured posts slider widget, label based featured posts widget, left and right sidebars, 4 columns footer widgets area, Google fonts, background image support, related posts with thumbnails, social and share buttons, top navigation menu and more.

How To Configure Top Navigation Menu

Navigation Menu - Madd Magazine Blogger Template Find this in "Edit HTML": 
<ul class='maddmag-menu' id='maddmag-primary-menu'>

<li><a expr:href='data:blog.homepageUrl'>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 Configure Featured Posts Slider

Slider - Madd Magazine Blogger Template This slider widget automatically displays posts from a given label name. 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=maddmagfeaturedposts&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 load in the slider. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=maddmagfeaturedposts&max-results=6"></script>

How To Add a Featured Posts Widget

Label Posts Widget - Madd Magazine Blogger Template You can add unlimited number of Featured Posts Widgets. This widget automatically displays posts from a given label name. To add a Featured Posts 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=maddmagrecentposts&max-results=5"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "5" with the number of posts you need to display inside widget. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=maddmagrecentposts&max-results=5"></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=maddmagrecentposts&max-results=5"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "5" with the number of posts you need to display inside widget. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=maddmagrecentposts&max-results=5"></script>

How To Configure Social Buttons

Social Buttons - Madd Magazine Blogger Template Find this in "Edit HTML": 
<div class='maddmag-social-wrap'>
<a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
<a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a>
<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
<a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
<a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

Madd Magazine Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - Madd Magazine Blogger Template]]>

Madd Magazine is search engine optimized, fully responsive, multi-purpose, news/magazine blogger template. Madd Magazine Blogger template has color and font options (Theme Designer compatible), featured posts slider widget, label based featured posts widget, left and right sidebars, 4 columns footer widgets area, Google fonts, background image support, related posts with thumbnails, social and share buttons, top navigation menu and more.

How To Configure Top Navigation Menu

Navigation Menu - Madd Magazine Blogger Template Find this in "Edit HTML": 
<ul class='maddmag-menu' id='maddmag-primary-menu'>

<li><a expr:href='data:blog.homepageUrl'>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 Configure Featured Posts Slider

Slider - Madd Magazine Blogger Template This slider widget automatically displays posts from a given label name. 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=maddmagfeaturedposts&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 load in the slider. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=maddmagfeaturedposts&max-results=6"></script>

How To Add a Featured Posts Widget

Label Posts Widget - Madd Magazine Blogger Template You can add unlimited number of Featured Posts Widgets. This widget automatically displays posts from a given label name. To add a Featured Posts 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=maddmagrecentposts&max-results=5"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "5" with the number of posts you need to display inside widget. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=maddmagrecentposts&max-results=5"></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=maddmagrecentposts&max-results=5"></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "5" with the number of posts you need to display inside widget. Example: 
<script src="https://maddmagazine-nbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=maddmagrecentposts&max-results=5"></script>

How To Configure Social Buttons

Social Buttons - Madd Magazine Blogger Template Find this in "Edit HTML": 
<div class='maddmag-social-wrap'>
<a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
<a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a>
<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
<a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
<a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

Madd Magazine Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - Madd Magazine Blogger Template]]> https://newbloggerthemes.com/madd-magazine-blogger-template/feed/ 0 PaperMag Blogger Template https://newbloggerthemes.com/papermag-blogger-template/ https://newbloggerthemes.com/papermag-blogger-template/#respond Wed, 18 Apr 2018 23:18:25 +0000 https://newbloggerthemes.com/?p=6922 PaperMag Blogger Theme

PaperMag is an elegant, fully responsive, 3 columns blogger theme with left and right sidebars and 3 columns footer. PaperMag Blogger template has a easy to use slider, 2 navigation menus, auto post summaries, social and post share buttons, header widget, related posts with thumbnails and more.

How To Setup 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 Setup 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 Setup 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/-IwGd90rkkP4/WtV1SJpY0HI/AAAAAAAAT6M/07XoUSL4YZotJkIGmrFJVwMNR7Ak68MKQCLcBGAs/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/-IwGd90rkkP4/WtV1SJpY0HI/AAAAAAAAT6M/07XoUSL4YZotJkIGmrFJVwMNR7Ak68MKQCLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

PaperMag Blogger Template Responsive View

Responsive View - PaperMag Blogger Template]]> PaperMag Blogger Theme

PaperMag is an elegant, fully responsive, 3 columns blogger theme with left and right sidebars and 3 columns footer. PaperMag Blogger template has a easy to use slider, 2 navigation menus, auto post summaries, social and post share buttons, header widget, related posts with thumbnails and more.

How To Setup 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 Setup 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 Setup 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/-IwGd90rkkP4/WtV1SJpY0HI/AAAAAAAAT6M/07XoUSL4YZotJkIGmrFJVwMNR7Ak68MKQCLcBGAs/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/-IwGd90rkkP4/WtV1SJpY0HI/AAAAAAAAT6M/07XoUSL4YZotJkIGmrFJVwMNR7Ak68MKQCLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

PaperMag Blogger Template Responsive View

Responsive View - PaperMag Blogger Template]]> https://newbloggerthemes.com/papermag-blogger-template/feed/ 0 MusicLand Blogger Template https://newbloggerthemes.com/musicland-blogger-template/ https://newbloggerthemes.com/musicland-blogger-template/#respond Mon, 05 Feb 2018 04:14:04 +0000 https://newbloggerthemes.com/?p=6799 MusicLand Blogger Theme

MusicLand is a 100% responsive, 3 columns blogger theme for music blog/websites. MusicLand Blogger template has auto post summaries, featured content slider, primary and secondary menus, 2 right sidebars, 3 columns footer, tabbed widgets, Google fonts, social buttons and post share buttons, header widget, related posts with thumbnails and more.

How To Setup 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 Setup 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 Setup 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/-QPseh4i9CJQ/WncMARH9a8I/AAAAAAAATW0/a5Ai6eThzIYz2z4JTcWBkqpOzIDUH6l6ACLcBGAs/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/-QPseh4i9CJQ/WncMARH9a8I/AAAAAAAATW0/a5Ai6eThzIYz2z4JTcWBkqpOzIDUH6l6ACLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

MusicLand Blogger Template Responsive View

Responsive View - MusicLand Blogger Template]]> MusicLand Blogger Theme

MusicLand is a 100% responsive, 3 columns blogger theme for music blog/websites. MusicLand Blogger template has auto post summaries, featured content slider, primary and secondary menus, 2 right sidebars, 3 columns footer, tabbed widgets, Google fonts, social buttons and post share buttons, header widget, related posts with thumbnails and more.

How To Setup 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 Setup 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 Setup 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/-QPseh4i9CJQ/WncMARH9a8I/AAAAAAAATW0/a5Ai6eThzIYz2z4JTcWBkqpOzIDUH6l6ACLcBGAs/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/-QPseh4i9CJQ/WncMARH9a8I/AAAAAAAATW0/a5Ai6eThzIYz2z4JTcWBkqpOzIDUH6l6ACLcBGAs/s1600/1.jpg" with your slider image. There are another 4 slide codes you have to configure like this.

MusicLand Blogger Template Responsive View

Responsive View - MusicLand Blogger Template]]> https://newbloggerthemes.com/musicland-blogger-template/feed/ 0 Pure Gallery Blogger Template https://newbloggerthemes.com/pure-gallery-blogger-template/ https://newbloggerthemes.com/pure-gallery-blogger-template/#respond Fri, 22 Dec 2017 04:25:59 +0000 https://newbloggerthemes.com/?p=2469 Pure Gallery Blogger Theme

Pure Gallery is an user friendly, feature rich, SEO optimized, elegant looking blogger template with a newspaper style layout. It is 100% responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using desktops, tablets and mobile devices. Pure Gallery Blogger template has many color and font options, unlimited slider widgets, label based different news blocks, tabbed widget area, 4 columns footer widgets area, right sidebar, web fonts, sticky sidebar, Font Awesome icons, background image support, related posts with thumbnails, social profile widget, share buttons, top navigation menu, scroll to top button and more.

Pure Gallery Blogger Template Features

  • 100% Responsive / Mobile Friendly
  • Search Engine Friendly
  • Many Colors and Font Options (Check Theme Designer)
  • 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
  • Clean Page Layout (Check Layout Page)
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - Pure Gallery Blogger Template 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

Slider - Pure Gallery Blogger Template 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://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgfeaturedslider&max-results=10"></script>
Using above code, you can add slider widgets into other areas of your website also.

How To Add a Post Style 1 Widget

Post Style 1 Widget - Pure Gallery Blogger Template You can add unlimted 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://pure-gallery-nbt.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

Post Style 2 Widget - Pure Gallery Blogger Template 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>
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://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgpoststyletwo&max-results=6"></script>

How To Add a Recent Posts Widget

Recent Posts Widget - Pure Gallery Blogger Template 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://pure-gallery-nbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Configure Numbered Posts Navigation

Posts Navigation - Pure Gallery Blogger Template 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

Social Buttons - Pure Gallery Blogger Template Find this in "Edit HTML": 
<div class='widget pg-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.

Pure Gallery Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - Pure Gallery Blogger Template]]> Pure Gallery Blogger Theme

Pure Gallery is an user friendly, feature rich, SEO optimized, elegant looking blogger template with a newspaper style layout. It is 100% responsive and adopts to various screen sizes, ensuring that your content is perfectly displayed to the visitors using desktops, tablets and mobile devices. Pure Gallery Blogger template has many color and font options, unlimited slider widgets, label based different news blocks, tabbed widget area, 4 columns footer widgets area, right sidebar, web fonts, sticky sidebar, Font Awesome icons, background image support, related posts with thumbnails, social profile widget, share buttons, top navigation menu, scroll to top button and more.

Pure Gallery Blogger Template Features

  • 100% Responsive / Mobile Friendly
  • Search Engine Friendly
  • Many Colors and Font Options (Check Theme Designer)
  • 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
  • Clean Page Layout (Check Layout Page)
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - Pure Gallery Blogger Template 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

Slider - Pure Gallery Blogger Template 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://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgfeaturedslider&max-results=10"></script>
Using above code, you can add slider widgets into other areas of your website also.

How To Add a Post Style 1 Widget

Post Style 1 Widget - Pure Gallery Blogger Template You can add unlimted 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://pure-gallery-nbt.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

Post Style 2 Widget - Pure Gallery Blogger Template 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>
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://pure-gallery-nbt.blogspot.com/feeds/posts/default/-/Web Design?alt=json-in-script&callback=pgpoststyletwo&max-results=6"></script>

How To Add a Recent Posts Widget

Recent Posts Widget - Pure Gallery Blogger Template 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://pure-gallery-nbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Configure Numbered Posts Navigation

Posts Navigation - Pure Gallery Blogger Template 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

Social Buttons - Pure Gallery Blogger Template Find this in "Edit HTML": 
<div class='widget pg-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.

Pure Gallery Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - Pure Gallery Blogger Template]]> https://newbloggerthemes.com/pure-gallery-blogger-template/feed/ 0 Delivery Lite Blogger Template https://newbloggerthemes.com/delivery-lite-blogger-template/ https://newbloggerthemes.com/delivery-lite-blogger-template/#comments Sat, 30 Sep 2017 13:40:05 +0000 https://newbloggerthemes.com/?p=1045 Delivery Lite Blogger Theme

Delivery Lite Blogger template is a minimalist, beautiful, modern and mobile-friendly responsive magazine theme for blogger blogs. Delivery Lite is great for online magazines websites, news websites or personal blogs, because the minimalism it will give content-focused effect to your reader. Delivery Lite Blogger Template has colors and font options, featured posts slider, auto post summaries, related posts with thumbnails, social profile links, share buttons, 2 multi-level navigation menus, left and right sidebars, 4 columns footer and more.

How To Add Links to Primary Navigation Menu

Primary Menu - Delivery Lite Blogger Template Find this in "Edit HTML": 
<ul class='menu-primary-items sf-menu' id='menu-primary-items'>

<li><a expr:href='data:blog.homepageUrl'>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>

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Add Links to Secondary Navigation Menu

Secondary Menu - Delivery Lite Blogger Template Find this in "Edit HTML": 
<ul class='menu-secondary-items sf-menu' id='menu-secondary-items'>

<li><a expr:href='data:blog.homepageUrl'>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>

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>
		
</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Links

Find this in "Edit HTML": 
<ul>
<li>
   <a href='#'>Social</a>
   <ul class='children'>
      <li><a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Facebook'>Facebook</a></li>
      <li><a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Twitter'>Twitter</a></li>
      <li><a href='https://plus.google.com/+Newbloggerthemes/posts' rel='nofollow' target='_blank' title='GooglePlus'>GooglePlus</a></li>
   </ul>
</li>
</ul>
Add your own social links replacing our social links.

How To Configure Featured Posts Slider: PRO Version

Slider - Delivery Lite Blogger Template This slider widget automatically displays posts from a given label name. 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&amp;callback=deliveryliteliderposts&max-results=5'/></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "5" with the number of posts you need to load in the slider. Example: 
<script src='https://delivery-lite.blogspot.com/feeds/posts/default/-/Graphic Design?alt=json-in-script&amp;callback=deliveryliteliderposts&max-results=5'/></script>
Save your widget.

How To Configure Featured Posts Slider: FREE Version

There are 4 slides in the slider. You can add or remove more slides if you want. To configure first slide, find this in "Edit HTML": 
<!-- slide 1 code start -->
<li><a href='ENTER-SLIDE-1-LINK-HERE'><img src='http://3.bp.blogspot.com/-QwrN-SnFI20/U3l-FotfmYI/AAAAAAAAJRI/JuS4fpuSJKA/s1600/slide-image-1.jpg'/></a><header class='entry-header'><h1 class='entry-title'><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h1></header><div class='entry-summary'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com....</div></li>
<!-- slide 1 code end -->
Now replace, "ENTER-SLIDE-1-LINK-HERE"s with your real slide link, "Enter Slide 1 Title Here" with your real slide title, "http://3.bp.blogspot.com/-QwrN-SnFI20/U3l-FotfmYI/AAAAAAAAJRI/JuS4fpuSJKA/s1600/slide-image-1.jpg" with your slide image URL, "This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...." with your real slide description. This procedure is same for other slides.

Delivery Lite Blogger Template Responsive View

Responsive View - Delivery Lite Blogger Template]]> Delivery Lite Blogger Theme

Delivery Lite Blogger template is a minimalist, beautiful, modern and mobile-friendly responsive magazine theme for blogger blogs. Delivery Lite is great for online magazines websites, news websites or personal blogs, because the minimalism it will give content-focused effect to your reader. Delivery Lite Blogger Template has colors and font options, featured posts slider, auto post summaries, related posts with thumbnails, social profile links, share buttons, 2 multi-level navigation menus, left and right sidebars, 4 columns footer and more.

How To Add Links to Primary Navigation Menu

Primary Menu - Delivery Lite Blogger Template Find this in "Edit HTML": 
<ul class='menu-primary-items sf-menu' id='menu-primary-items'>

<li><a expr:href='data:blog.homepageUrl'>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>

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Add Links to Secondary Navigation Menu

Secondary Menu - Delivery Lite Blogger Template Find this in "Edit HTML": 
<ul class='menu-secondary-items sf-menu' id='menu-secondary-items'>

<li><a expr:href='data:blog.homepageUrl'>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>

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>
		
</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Links

Find this in "Edit HTML": 
<ul>
<li>
   <a href='#'>Social</a>
   <ul class='children'>
      <li><a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Facebook'>Facebook</a></li>
      <li><a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank' title='Twitter'>Twitter</a></li>
      <li><a href='https://plus.google.com/+Newbloggerthemes/posts' rel='nofollow' target='_blank' title='GooglePlus'>GooglePlus</a></li>
   </ul>
</li>
</ul>
Add your own social links replacing our social links.

How To Configure Featured Posts Slider: PRO Version

Slider - Delivery Lite Blogger Template This slider widget automatically displays posts from a given label name. 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&amp;callback=deliveryliteliderposts&max-results=5'/></script>
Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace "LABELNAME" with the real label name you want to retrieve posts. Replace "5" with the number of posts you need to load in the slider. Example: 
<script src='https://delivery-lite.blogspot.com/feeds/posts/default/-/Graphic Design?alt=json-in-script&amp;callback=deliveryliteliderposts&max-results=5'/></script>
Save your widget.

How To Configure Featured Posts Slider: FREE Version

There are 4 slides in the slider. You can add or remove more slides if you want. To configure first slide, find this in "Edit HTML": 
<!-- slide 1 code start -->
<li><a href='ENTER-SLIDE-1-LINK-HERE'><img src='http://3.bp.blogspot.com/-QwrN-SnFI20/U3l-FotfmYI/AAAAAAAAJRI/JuS4fpuSJKA/s1600/slide-image-1.jpg'/></a><header class='entry-header'><h1 class='entry-title'><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h1></header><div class='entry-summary'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com....</div></li>
<!-- slide 1 code end -->
Now replace, "ENTER-SLIDE-1-LINK-HERE"s with your real slide link, "Enter Slide 1 Title Here" with your real slide title, "http://3.bp.blogspot.com/-QwrN-SnFI20/U3l-FotfmYI/AAAAAAAAJRI/JuS4fpuSJKA/s1600/slide-image-1.jpg" with your slide image URL, "This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...." with your real slide description. This procedure is same for other slides.

Delivery Lite Blogger Template Responsive View

Responsive View - Delivery Lite Blogger Template]]> https://newbloggerthemes.com/delivery-lite-blogger-template/feed/ 54