Left Sidebar | 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. Sun, 05 Oct 2025 17:26:38 +0000 en-US hourly 1 Clean Gallery Blogger Template https://newbloggerthemes.com/clean-gallery-blogger-template/ https://newbloggerthemes.com/clean-gallery-blogger-template/#respond Sun, 05 Oct 2025 17:20:13 +0000 https://newbloggerthemes.com/?p=4832 Clean Gallery Blogger Theme

Clean Gallery is easy to use, search engine optimized, clean and elegant, galley blogger template to showcase your content. It is fully responsive (mobile friendly) and adopts to various screen sizes, ensuring that your site content is perfectly displayed in different devices. You can change background image, colors and fonts of this theme within few seconds using blogger template designer (without going to Edit HTML). Clean Gallery Blogger template has a 4 columns footer widgets area, left/right sidebar, hundreds of web fonts, unlimited color options, Font Awesome icon fonts, related posts with thumbnails, social and post share buttons, top navigation menu, scroll to top button, customized profile widget, multi tabbed widget and more.

Clean Gallery Blogger Template Features

  • Fully responsive design that works on all devices
  • Gallery-style homepage layout with grid post display
  • Multiple post layouts (default, left sidebar, full width)
  • Advanced customization options through Blogger Template Designer
  • SEO optimization with Schema.org structured data
  • Structured data included
  • Over 50 color options for complete customization (Check Colors)
  • Google Fonts integration with multiple font options (Check Fonts)
  • Support for a background image (Check Background Image Support)
  • Related posts with thumbnails (label-based post matching)
  • Clean Admin Layout page (Check Layout)
  • 14+ widget areas (Header banner area, Full-width content area, sidebar, 4 columns footer)
  • Full width not found(404) page Check 404 Page
  • Mobile-friendly navigation with hamburger menu
  • Tabbed widget area
  • Numbered page navigation
  • Custom post navigation
  • Built-in social media integration with 30+ platforms
  • Post share buttons for all major platforms
  • Custom profile widget
  • Open Graph and Twitter Card support
  • Integrated search form
  • Back-to-top button
  • Google Fonts and Font Awesome 6.7.2 icons
  • Minified CSS and JavaScript for faster loading
  • Cross-browser compatibility
  • Many more features...
Here I have explained how to configure the Clean Gallery blogger theme.

How To Configure Top Navigation Menu

Top Navigation - Clean Gallery Blogger Template Find this in "Edit HTML": 
<nav class='nav-primary' id='primary-navigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul class='menu pg-nav-menu menu-primary' id='menu-primary-navigation'>

<li class='menu-item'><a expr:href='data:blog.homepageUrl'>Home</a></li>

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

...

</ul>
</nav>
Replace "#" marks with real URLs and change anchor texts as you like. I have already configured a part of the menu (see "Pages Types") with sample URLs and anchor text to understand how it works.

How To Configure Social Buttons

Social Buttons - Clean Gallery Blogger Template Find this in "Edit HTML": 
<ul class='menu-social-navigation'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a></li>
...
</ul>
Add your social profile links replacing default social profile URLs.

How To Configure Numbered Page Navigation

Page Navigation - Clean Gallery Blogger Template Find this: 
var pageNaviConf = {
    perPage: 12,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
By default, page navigation has configured to display 12 posts per page. For example if you need to display 6 posts per page, change "perPage" value to 6. Now final code should be: 
var pageNaviConf = {
    perPage: 6,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
Note: Also set "Number of posts on main page" value to 6 through Blogger settings. Number of posts on main page - Clean Gallery

How To Create Full Width or Left Sidebar Posts/pages

If you need to create a full width page, go to create/edit your post/page and add this into the post editor and publish/update your post/page: [full_width] (Adding Full Width Post/Page Example) If you need to create a left sidebar page, go to create/edit your post/page and add this into the post editor and publish/update your post/page: [left_sidebar] (Adding Left Sidebar Post/Page Example)

Clean Gallery Responsive View

Responsive View - Clean Gallery Blogger Template

Note

The Clean Gallery template is a powerful, flexible solution for bloggers who want a modern, responsive design with gallery-style post display. With its comprehensive customization options, SEO features, and social media integration, it's well-suited for a wide range of blogging needs.

For the best results, take time to customize the template to match your brand and content style. The template's flexibility allows for extensive customization while maintaining its core functionality and design integrity.

Clean Gallery WordPress Version

If you are using WordPress, find more features of the WordPress version of this theme:

https://themesdna.com/clean-gallery-pro-wordpress-theme/

]]> Clean Gallery Blogger Theme

Clean Gallery is easy to use, search engine optimized, clean and elegant, galley blogger template to showcase your content. It is fully responsive (mobile friendly) and adopts to various screen sizes, ensuring that your site content is perfectly displayed in different devices. You can change background image, colors and fonts of this theme within few seconds using blogger template designer (without going to Edit HTML). Clean Gallery Blogger template has a 4 columns footer widgets area, left/right sidebar, hundreds of web fonts, unlimited color options, Font Awesome icon fonts, related posts with thumbnails, social and post share buttons, top navigation menu, scroll to top button, customized profile widget, multi tabbed widget and more.

Clean Gallery Blogger Template Features

  • Fully responsive design that works on all devices
  • Gallery-style homepage layout with grid post display
  • Multiple post layouts (default, left sidebar, full width)
  • Advanced customization options through Blogger Template Designer
  • SEO optimization with Schema.org structured data
  • Structured data included
  • Over 50 color options for complete customization (Check Colors)
  • Google Fonts integration with multiple font options (Check Fonts)
  • Support for a background image (Check Background Image Support)
  • Related posts with thumbnails (label-based post matching)
  • Clean Admin Layout page (Check Layout)
  • 14+ widget areas (Header banner area, Full-width content area, sidebar, 4 columns footer)
  • Full width not found(404) page Check 404 Page
  • Mobile-friendly navigation with hamburger menu
  • Tabbed widget area
  • Numbered page navigation
  • Custom post navigation
  • Built-in social media integration with 30+ platforms
  • Post share buttons for all major platforms
  • Custom profile widget
  • Open Graph and Twitter Card support
  • Integrated search form
  • Back-to-top button
  • Google Fonts and Font Awesome 6.7.2 icons
  • Minified CSS and JavaScript for faster loading
  • Cross-browser compatibility
  • Many more features...
Here I have explained how to configure the Clean Gallery blogger theme.

How To Configure Top Navigation Menu

Top Navigation - Clean Gallery Blogger Template Find this in "Edit HTML": 
<nav class='nav-primary' id='primary-navigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul class='menu pg-nav-menu menu-primary' id='menu-primary-navigation'>

<li class='menu-item'><a expr:href='data:blog.homepageUrl'>Home</a></li>

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

...

</ul>
</nav>
Replace "#" marks with real URLs and change anchor texts as you like. I have already configured a part of the menu (see "Pages Types") with sample URLs and anchor text to understand how it works.

How To Configure Social Buttons

Social Buttons - Clean Gallery Blogger Template Find this in "Edit HTML": 
<ul class='menu-social-navigation'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a></li>
...
</ul>
Add your social profile links replacing default social profile URLs.

How To Configure Numbered Page Navigation

Page Navigation - Clean Gallery Blogger Template Find this: 
var pageNaviConf = {
    perPage: 12,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
By default, page navigation has configured to display 12 posts per page. For example if you need to display 6 posts per page, change "perPage" value to 6. Now final code should be: 
var pageNaviConf = {
    perPage: 6,
    numPages: 6,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
Note: Also set "Number of posts on main page" value to 6 through Blogger settings. Number of posts on main page - Clean Gallery

How To Create Full Width or Left Sidebar Posts/pages

If you need to create a full width page, go to create/edit your post/page and add this into the post editor and publish/update your post/page: [full_width] (Adding Full Width Post/Page Example) If you need to create a left sidebar page, go to create/edit your post/page and add this into the post editor and publish/update your post/page: [left_sidebar] (Adding Left Sidebar Post/Page Example)

Clean Gallery Responsive View

Responsive View - Clean Gallery Blogger Template

Note

The Clean Gallery template is a powerful, flexible solution for bloggers who want a modern, responsive design with gallery-style post display. With its comprehensive customization options, SEO features, and social media integration, it's well-suited for a wide range of blogging needs.

For the best results, take time to customize the template to match your brand and content style. The template's flexibility allows for extensive customization while maintaining its core functionality and design integrity.

Clean Gallery WordPress Version

If you are using WordPress, find more features of the WordPress version of this theme:

https://themesdna.com/clean-gallery-pro-wordpress-theme/

]]> https://newbloggerthemes.com/clean-gallery-blogger-template/feed/ 0 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 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 Neat Mag Blogger Template https://newbloggerthemes.com/neat-mag-blogger-template/ https://newbloggerthemes.com/neat-mag-blogger-template/#comments Tue, 27 Mar 2018 14:55:43 +0000 https://newbloggerthemes.com/?p=6886 Neat Mag Blogger Theme

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

Navigation Menu - Neat Mag 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 Widget - Neat Mag 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://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

Post Style 1 Widget - Neat Mag Blogger Template 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

Post Style 2 Widget - Neat Mag 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://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

Recent Posts Widget - Neat Mag 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://neatmag.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Configure Numbered Posts Navigation

Posts Navigation - Neat Mag 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 Widget - Neat Mag Blogger Template 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.

Neat Mag Blogger Template Responsive View

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

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

Navigation Menu - Neat Mag 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 Widget - Neat Mag 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://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

Post Style 1 Widget - Neat Mag Blogger Template 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

Post Style 2 Widget - Neat Mag 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://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

Recent Posts Widget - Neat Mag 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://neatmag.blogspot.com/feeds/posts/default?alt=json-in-script&callback=pgpoststyleone&max-results=6"></script>

How To Configure Numbered Posts Navigation

Posts Navigation - Neat Mag 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 Widget - Neat Mag Blogger Template 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.

Neat Mag Blogger Template Responsive View

This theme is compatible with every device from Desktop to Phones. Responsive View - Neat Mag Blogger Template]]> https://newbloggerthemes.com/neat-mag-blogger-template/feed/ 2 Luminescence Lite Blogger Template https://newbloggerthemes.com/luminescence-lite-blogger-template/ https://newbloggerthemes.com/luminescence-lite-blogger-template/#respond Sun, 11 Mar 2018 10:14:10 +0000 https://newbloggerthemes.com/?p=6842 Luminescence Lite Blogger Theme

Luminescence Lite is a minimal, responsive and retina display ready blogger theme that is designed for a powerful blogging website offering a little old-school style with modern features and flexibility. Luminescence Lite Blogger Template has clean post summaries, custom post timestamps, related posts with thumbnails, social profile and post share buttons, navigation menus, left sidebar, 4 columns footer and more.

How To Configure Post Timestamp Format

If you haven't selected timestamp format of your blog posts correctly, you will see "undefined" errors. Go to your blog's "Settings" --> "Language and formatting". Select "Timestamp Format" from drop-down menu similar to "Tuesday, September 06, 2016" format. Important: You need to change "Timestamp Format". Not "Comment Timestamp Format". https://newbloggerthemes.com/blog/fix-posted-date-undefined-error-blogger/

How To Configure Social Buttons

Social Buttons - Luminescence Lite Blogger Template Find this in "Edit HTML": 
<div id='luminescence-social-icons'>
<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.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
<a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
<a href='https://www.flickr.com/' rel='nofollow' target='_blank' title='Flickr'><i class='fa fa-flickr'/></a>
<a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a>
<a href='https://vimeo.com/' rel='nofollow' target='_blank' title='Vimeo'><i class='fa fa-vimeo'/></a>
<a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'><i class='fa fa-envelope'/></a>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='RSS'><i class='fa fa-rss'/></a>
</div>
Add your social profile links replacing default social network homepage URLs.

How To Setup Main Navigation Menu

Main Menu - Luminescence Lite Blogger Template Find this in "Edit HTML": 
<div class='luminescence-main-menu-container'>
<ul class='luminescence-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>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Setup Mobile Navigation Menu

Mobile Menu - Luminescence Lite Blogger Template Find this code in "Edit HTML": 
<div class='luminescence-menu-mobile-menu-container'>
<ul class='luminescence-nav-menu' id='luminescence-menu-mobile-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>
</div>
Follow the same steps are used to edit the main menu.

Luminescence Lite Blogger Template Responsive View

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

Luminescence Lite is a minimal, responsive and retina display ready blogger theme that is designed for a powerful blogging website offering a little old-school style with modern features and flexibility. Luminescence Lite Blogger Template has clean post summaries, custom post timestamps, related posts with thumbnails, social profile and post share buttons, navigation menus, left sidebar, 4 columns footer and more.

How To Configure Post Timestamp Format

If you haven't selected timestamp format of your blog posts correctly, you will see "undefined" errors. Go to your blog's "Settings" --> "Language and formatting". Select "Timestamp Format" from drop-down menu similar to "Tuesday, September 06, 2016" format. Important: You need to change "Timestamp Format". Not "Comment Timestamp Format". https://newbloggerthemes.com/blog/fix-posted-date-undefined-error-blogger/

How To Configure Social Buttons

Social Buttons - Luminescence Lite Blogger Template Find this in "Edit HTML": 
<div id='luminescence-social-icons'>
<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.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
<a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
<a href='https://www.flickr.com/' rel='nofollow' target='_blank' title='Flickr'><i class='fa fa-flickr'/></a>
<a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a>
<a href='https://vimeo.com/' rel='nofollow' target='_blank' title='Vimeo'><i class='fa fa-vimeo'/></a>
<a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'><i class='fa fa-envelope'/></a>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='RSS'><i class='fa fa-rss'/></a>
</div>
Add your social profile links replacing default social network homepage URLs.

How To Setup Main Navigation Menu

Main Menu - Luminescence Lite Blogger Template Find this in "Edit HTML": 
<div class='luminescence-main-menu-container'>
<ul class='luminescence-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>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Setup Mobile Navigation Menu

Mobile Menu - Luminescence Lite Blogger Template Find this code in "Edit HTML": 
<div class='luminescence-menu-mobile-menu-container'>
<ul class='luminescence-nav-menu' id='luminescence-menu-mobile-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>
</div>
Follow the same steps are used to edit the main menu.

Luminescence Lite Blogger Template Responsive View

Responsive View - Luminescence Lite Blogger Template]]> https://newbloggerthemes.com/luminescence-lite-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