Gallery | 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 Hoarder Blogger Template https://newbloggerthemes.com/hoarder-blogger-template/ https://newbloggerthemes.com/hoarder-blogger-template/#respond Thu, 18 Sep 2025 06:48:25 +0000 https://newbloggerthemes.com/?p=5548 Hoarder Blogger Theme

Hoarder is a clean, SEO friendly, Template Designer compatible, gallery style minimal blogger theme with a fully responsive layout. Hoarder Blogger Template has 2 columns, right sidebar, 4 columns footer, auto post summaries, unlimited colors, font options, FontAwesome icons, background image support, related posts with thumbnails, social and sharing buttons, top navigation menu and more.

How To Configure Top Navigation Menu

Navigation Menu - Hoarder Blogger Template Find this in "Edit HTML": 
<ul class='sf-menu' id='primary-menunbt'>

<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 Social Buttons

Social Buttons - Hoarder Blogger Template Find this in "Edit HTML": 
<div class='widget hoarder-social-icons'>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i aria-hidden='true' class='fa fa-google-plus'/></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a></li>
...
</ul>
</div>
Add your own social links replacing default social profile URLs.

How To Add a Recent Posts Widget

  1. Go to your Blogger Dashboard.
  2. Navigate to Layout → Add a Gadget.
  3. From the list, choose HTML/JavaScript.
  4. In the gadget content box, paste the following code:
<script>
  loadRecentPosts({
    numposts: 5,
    showpostdate: false,
    showpostsummary: false,
    numchars: 100,
  });
</script>
  1. Click Save.
  2. Drag and drop the gadget to the position you want (sidebar, footer, etc.).

Hoarder Blogger Template Responsive View

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

Hoarder is a clean, SEO friendly, Template Designer compatible, gallery style minimal blogger theme with a fully responsive layout. Hoarder Blogger Template has 2 columns, right sidebar, 4 columns footer, auto post summaries, unlimited colors, font options, FontAwesome icons, background image support, related posts with thumbnails, social and sharing buttons, top navigation menu and more.

How To Configure Top Navigation Menu

Navigation Menu - Hoarder Blogger Template Find this in "Edit HTML": 
<ul class='sf-menu' id='primary-menunbt'>

<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 Social Buttons

Social Buttons - Hoarder Blogger Template Find this in "Edit HTML": 
<div class='widget hoarder-social-icons'>
<ul>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a></li>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i aria-hidden='true' class='fa fa-google-plus'/></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a></li>
...
</ul>
</div>
Add your own social links replacing default social profile URLs.

How To Add a Recent Posts Widget

  1. Go to your Blogger Dashboard.
  2. Navigate to Layout → Add a Gadget.
  3. From the list, choose HTML/JavaScript.
  4. In the gadget content box, paste the following code:
<script>
  loadRecentPosts({
    numposts: 5,
    showpostdate: false,
    showpostsummary: false,
    numchars: 100,
  });
</script>
  1. Click Save.
  2. Drag and drop the gadget to the position you want (sidebar, footer, etc.).

Hoarder Blogger Template Responsive View

Responsive View - Hoarder Blogger Template]]> https://newbloggerthemes.com/hoarder-blogger-template/feed/ 0 TidyMag Blogger Template https://newbloggerthemes.com/tidymag-blogger-template/ https://newbloggerthemes.com/tidymag-blogger-template/#respond Sun, 23 Jun 2024 18:50:20 +0000 https://newbloggerthemes.com/?p=7062 TidyMag Blogger Theme

TidyMag is 100% responsive, Theme Designer compatible, 2 columns, gallery blogger template with a right sidebar and 4 columns footer. TidyMag Blogger template has more color and font options, featured posts widget, sticky menu, sticky sidebar, social and about me widget, grid-style 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

Navigation Menu - TidyMag Blogger Template Find this in "Edit HTML": 
<ul class='tidymag-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 Widget and Other Widgets

TidyMag theme has a featured posts widget, 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 - TidyMag Blogger Template Find this in "Edit HTML": 
<div class='tidymag-social-icons clearfix'>
<div class='tidymag-social-icons-inner clearfix'>

<a class='tidymag-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='tidymag-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='tidymag-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='tidymag-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='tidymag-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.

TidyMag 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 - TidyMag Blogger Template]]> TidyMag Blogger Theme

TidyMag is 100% responsive, Theme Designer compatible, 2 columns, gallery blogger template with a right sidebar and 4 columns footer. TidyMag Blogger template has more color and font options, featured posts widget, sticky menu, sticky sidebar, social and about me widget, grid-style 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

Navigation Menu - TidyMag Blogger Template Find this in "Edit HTML": 
<ul class='tidymag-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 Widget and Other Widgets

TidyMag theme has a featured posts widget, 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 - TidyMag Blogger Template Find this in "Edit HTML": 
<div class='tidymag-social-icons clearfix'>
<div class='tidymag-social-icons-inner clearfix'>

<a class='tidymag-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='tidymag-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='tidymag-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='tidymag-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='tidymag-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.

TidyMag 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 - TidyMag Blogger Template]]> https://newbloggerthemes.com/tidymag-blogger-template/feed/ 0 GridWP Blogger Template https://newbloggerthemes.com/gridwp-blogger-template/ https://newbloggerthemes.com/gridwp-blogger-template/#respond Tue, 18 Jun 2024 03:51:23 +0000 https://newbloggerthemes.com/?p=7141 GridWP Blogger Theme

GridWP is an elegant, fully responsive, Theme Designer compatible, gallery/grid blogger template with a right sidebar and 4 columns footer. GridWP Blogger template has color and font options, news ticker, grid and list featured posts widgets, sticky menu and sticky sidebar, social and about me widgets, grid-style 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 Primary Navigation Menu

Primary Menu - GridWP Blogger Template Find this in "Edit HTML": 
<ul class='gridwp-nav-primary-menu gridwp-menu-primary' id='gridwp-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>

...

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

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

How To Configure Secondary Navigation Menu

Secondary Menu - GridWP Blogger Template Find this in "Edit HTML": 
<ul class='gridwp-secondary-nav-menu gridwp-menu-secondary' id='gridwp-menu-secondary-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>

...

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

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

How To Configure News Ticker

News Ticker automatically displays posts from a given label name. Find this in "Edit HTML": 
<script src='https://gridwp.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&amp;callback=gridwpnewsticker&amp;max-results=5'/>
Replace "https://gridwp.blogspot.com" with your real blog address. Replace "Print Design" with the real label name you want to retrieve posts. Replace "5" with the number of posts you need to display in news ticker.

How To Add Featured Posts Widget and Other Widgets

GridWP theme has a list and grid 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 Header Social Buttons

Header Social Bar - GridWP Blogger Template Find this in "Edit HTML": 
<div class='gridwp-top-social-icons clearfix'>
<span class='gridwp-top-social-icons-left'>
<a class='gridwp-social-icon-email' href='mailto:username@example.com' title='Email Us'><i aria-hidden='true' class='fa fa-envelope'/> username@example.com</a>
<a class='gridwp-social-icon-phone' href='tel:+1-123-456-7890' title='Phone'><i aria-hidden='true' class='fa fa-phone'/> +1-123-456-7890</a>
</span>

<span class='gridwp-top-social-icons-right'>
<a class='gridwp-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='gridwp-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='gridwp-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='gridwp-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='gridwp-social-icon-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
<a class='gridwp-social-icon-instagram' href='#' target='_blank' title='Instagram'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a class='gridwp-social-icon-youtube' href='#' target='_blank' title='Youtube'><i aria-hidden='true' class='fa fa-youtube'/></a>
<a class='gridwp-social-icon-github' href='#' target='_blank' title='Github'><i aria-hidden='true' class='fa fa-github'/></a>
<a class='gridwp-social-icon-dribbble' href='#' target='_blank' title='Dribbble'><i aria-hidden='true' class='fa fa-dribbble'/></a>
<a class='gridwp-social-icon-rss' href='#' target='_blank' title='RSS'><i aria-hidden='true' class='fa fa-rss'/></a>
<a class='gridwp-social-search-icon' href='#' title='Search'><i class='fa fa-search'/></a>
</span>
</div>
Add your own social links replacing default social profile URLs.

GridWP 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 - GridWP Blogger Template]]> GridWP Blogger Theme

GridWP is an elegant, fully responsive, Theme Designer compatible, gallery/grid blogger template with a right sidebar and 4 columns footer. GridWP Blogger template has color and font options, news ticker, grid and list featured posts widgets, sticky menu and sticky sidebar, social and about me widgets, grid-style 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 Primary Navigation Menu

Primary Menu - GridWP Blogger Template Find this in "Edit HTML": 
<ul class='gridwp-nav-primary-menu gridwp-menu-primary' id='gridwp-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>

...

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

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

How To Configure Secondary Navigation Menu

Secondary Menu - GridWP Blogger Template Find this in "Edit HTML": 
<ul class='gridwp-secondary-nav-menu gridwp-menu-secondary' id='gridwp-menu-secondary-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>

...

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

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

How To Configure News Ticker

News Ticker automatically displays posts from a given label name. Find this in "Edit HTML": 
<script src='https://gridwp.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&amp;callback=gridwpnewsticker&amp;max-results=5'/>
Replace "https://gridwp.blogspot.com" with your real blog address. Replace "Print Design" with the real label name you want to retrieve posts. Replace "5" with the number of posts you need to display in news ticker.

How To Add Featured Posts Widget and Other Widgets

GridWP theme has a list and grid 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 Header Social Buttons

Header Social Bar - GridWP Blogger Template Find this in "Edit HTML": 
<div class='gridwp-top-social-icons clearfix'>
<span class='gridwp-top-social-icons-left'>
<a class='gridwp-social-icon-email' href='mailto:username@example.com' title='Email Us'><i aria-hidden='true' class='fa fa-envelope'/> username@example.com</a>
<a class='gridwp-social-icon-phone' href='tel:+1-123-456-7890' title='Phone'><i aria-hidden='true' class='fa fa-phone'/> +1-123-456-7890</a>
</span>

<span class='gridwp-top-social-icons-right'>
<a class='gridwp-social-icon-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='gridwp-social-icon-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='gridwp-social-icon-google-plus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='gridwp-social-icon-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='gridwp-social-icon-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
<a class='gridwp-social-icon-instagram' href='#' target='_blank' title='Instagram'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a class='gridwp-social-icon-youtube' href='#' target='_blank' title='Youtube'><i aria-hidden='true' class='fa fa-youtube'/></a>
<a class='gridwp-social-icon-github' href='#' target='_blank' title='Github'><i aria-hidden='true' class='fa fa-github'/></a>
<a class='gridwp-social-icon-dribbble' href='#' target='_blank' title='Dribbble'><i aria-hidden='true' class='fa fa-dribbble'/></a>
<a class='gridwp-social-icon-rss' href='#' target='_blank' title='RSS'><i aria-hidden='true' class='fa fa-rss'/></a>
<a class='gridwp-social-search-icon' href='#' title='Search'><i class='fa fa-search'/></a>
</span>
</div>
Add your own social links replacing default social profile URLs.

GridWP 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 - GridWP Blogger Template]]> https://newbloggerthemes.com/gridwp-blogger-template/feed/ 0 Clean Grid Blogger Template https://newbloggerthemes.com/clean-grid-blogger-template/ https://newbloggerthemes.com/clean-grid-blogger-template/#respond Fri, 16 Mar 2018 06:32:18 +0000 https://newbloggerthemes.com/?p=6866 Clean Grid Blogger Theme

Clean Grid is a fully responsive, Template Designer compatible, SEO optimized, clean and minimal, magazine blogger theme. Clean Grid Blogger Template has easy to use color and font options, gallery style layout, social buttons, beautiful post summaries, Facebook and Twitter meta tags, structured data, related posts, post share buttons, multi-level navigation menu, sticky right sidebar and more.

How To Configure Top Navigation Menu

Navigation Menu - Clean Grid Blogger Template Find this in "Edit HTML": 
<ul class='cleangrid-clearfix' id='cleangrid-primary-menu'>

<li><a href='#'>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 Configure Social Buttons

Social Buttons - Clean Grid Blogger Template Find this in "Edit HTML": 
<div class='cleangrid-widget-social'>
<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>
...
</ul>
</div>
Add your own social links replacing default social profile URLs.

Clean Grid Blogger Template Responsive View

Responsive View - Clean Grid Blogger Template]]> Clean Grid Blogger Theme

Clean Grid is a fully responsive, Template Designer compatible, SEO optimized, clean and minimal, magazine blogger theme. Clean Grid Blogger Template has easy to use color and font options, gallery style layout, social buttons, beautiful post summaries, Facebook and Twitter meta tags, structured data, related posts, post share buttons, multi-level navigation menu, sticky right sidebar and more.

How To Configure Top Navigation Menu

Navigation Menu - Clean Grid Blogger Template Find this in "Edit HTML": 
<ul class='cleangrid-clearfix' id='cleangrid-primary-menu'>

<li><a href='#'>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 Configure Social Buttons

Social Buttons - Clean Grid Blogger Template Find this in "Edit HTML": 
<div class='cleangrid-widget-social'>
<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>
...
</ul>
</div>
Add your own social links replacing default social profile URLs.

Clean Grid Blogger Template Responsive View

Responsive View - Clean Grid Blogger Template]]> https://newbloggerthemes.com/clean-grid-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 EasyWP Blogger Template https://newbloggerthemes.com/easywp-blogger-template/ https://newbloggerthemes.com/easywp-blogger-template/#respond Tue, 12 Sep 2017 08:18:56 +0000 https://newbloggerthemes.com/?p=6468 EasyWP Blogger Theme

EasyWP is a clean and elegant, 100% responsive, search engine optimized and template designer compatible blogger theme with many color and font options. EasyWP Blogger Template has a 728x90 header banner widget, mobile friendly navigation menu, ability to add unlimited featured posts areas, sticky sidebars, grid style posts on homepage, related posts with thumbnails, social buttons, post share buttons, left and right sidebars, 4 columns footer and more.

EasyWP Theme Features

  • Fully Responsive / Mobile Friendly
  • Search Engines Friendly
  • Colors Options
  • Fonts Options
  • Background Image Support
  • Top Multi-level Navigation Menu
  • Unlimted Label Based Featured Posts
  • Sticky Sidebars
  • Related Posts with Thumbnails
  • Header Social Icons
  • Post Share Options
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • 4 Columns Footer
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - EasyWP Blogger Template Find this in "Edit HTML": 
<ul class='easywp-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 Configure Social Buttons

Social Buttons - EasyWP Blogger Template Find this in "Edit HTML": 
<div class='easywp-social-icons-inner clearfix'>
<a class='social-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='social-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='social-googleplus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='social-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='social-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
<a class='social-instagram' href='#' target='_blank' title='Instagram'><i aria-hidden='true' class='fa fa-instagram'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

How To Add a Featured Post Area Widget

Featured Posts Area - EasyWP Blogger Template This widget automatically displays a post from a given label name. Go to "Layout" page. You can add any number of featured posts area widgets as you like. When you go to "Layout" page, there are 4 sections in this theme to add featured posts areas: 1. Top - Homepage Only Featured Posts Area 2. Top - Sitewide Featured Posts Area 3. Bottom - Homepage Only Featured Posts Area 4. Bottom - Sitewide Featured Posts Area Click on the "Add a Gadget" link of the section you need to add a featured posts area. Add this code into a "HTML/JavaScript" widget and click save: 
<h3 class="easywp-newsblock-one-title"><a href="/search/label/LABELNAME">FEATURED-POSTS-AREA-TITLE</a></h3>
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=easywpfeaturedposts&max-results=6"></script>
Replace "FEATURED-POSTS-AREA-TITLE" with any title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace both "LABELNAME" words with the real label name you want to retrieve posts. Example: 
<h3 class="easywp-newsblock-one-title"><a href="/search/label/Motion Design">Motion Design</a></h3>
<script src="https://easywp-nbt.blogspot.com/feeds/posts/default/-/Motion Design?alt=json-in-script&callback=easywpfeaturedposts&max-results=6"></script>
It will look like this: Add Featured Posts Widget - EasyWP Blogger Template

EasyWP Blogger Template Responsive View

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

EasyWP is a clean and elegant, 100% responsive, search engine optimized and template designer compatible blogger theme with many color and font options. EasyWP Blogger Template has a 728x90 header banner widget, mobile friendly navigation menu, ability to add unlimited featured posts areas, sticky sidebars, grid style posts on homepage, related posts with thumbnails, social buttons, post share buttons, left and right sidebars, 4 columns footer and more.

EasyWP Theme Features

  • Fully Responsive / Mobile Friendly
  • Search Engines Friendly
  • Colors Options
  • Fonts Options
  • Background Image Support
  • Top Multi-level Navigation Menu
  • Unlimted Label Based Featured Posts
  • Sticky Sidebars
  • Related Posts with Thumbnails
  • Header Social Icons
  • Post Share Options
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • 4 Columns Footer
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - EasyWP Blogger Template Find this in "Edit HTML": 
<ul class='easywp-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 Configure Social Buttons

Social Buttons - EasyWP Blogger Template Find this in "Edit HTML": 
<div class='easywp-social-icons-inner clearfix'>
<a class='social-twitter' href='#' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='social-facebook' href='#' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
<a class='social-googleplus' href='#' target='_blank' title='Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a>
<a class='social-pinterest' href='#' target='_blank' title='Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a>
<a class='social-linkedin' href='#' target='_blank' title='Linkedin'><i aria-hidden='true' class='fa fa-linkedin'/></a>
<a class='social-instagram' href='#' target='_blank' title='Instagram'><i aria-hidden='true' class='fa fa-instagram'/></a>
...
</div>
Add your own social links replacing default social profile URLs.

How To Add a Featured Post Area Widget

Featured Posts Area - EasyWP Blogger Template This widget automatically displays a post from a given label name. Go to "Layout" page. You can add any number of featured posts area widgets as you like. When you go to "Layout" page, there are 4 sections in this theme to add featured posts areas: 1. Top - Homepage Only Featured Posts Area 2. Top - Sitewide Featured Posts Area 3. Bottom - Homepage Only Featured Posts Area 4. Bottom - Sitewide Featured Posts Area Click on the "Add a Gadget" link of the section you need to add a featured posts area. Add this code into a "HTML/JavaScript" widget and click save: 
<h3 class="easywp-newsblock-one-title"><a href="/search/label/LABELNAME">FEATURED-POSTS-AREA-TITLE</a></h3>
<script src="https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=easywpfeaturedposts&max-results=6"></script>
Replace "FEATURED-POSTS-AREA-TITLE" with any title name you like. Replace "https://YOURBLOGNAME.blogspot.com" with your real blog address. Replace both "LABELNAME" words with the real label name you want to retrieve posts. Example: 
<h3 class="easywp-newsblock-one-title"><a href="/search/label/Motion Design">Motion Design</a></h3>
<script src="https://easywp-nbt.blogspot.com/feeds/posts/default/-/Motion Design?alt=json-in-script&callback=easywpfeaturedposts&max-results=6"></script>
It will look like this: Add Featured Posts Widget - EasyWP Blogger Template

EasyWP Blogger Template Responsive View

Responsive View - EasyWP Blogger Template]]> https://newbloggerthemes.com/easywp-blogger-template/feed/ 0 Tetris Blogger Template https://newbloggerthemes.com/tetris-blogger-template/ https://newbloggerthemes.com/tetris-blogger-template/#respond Mon, 21 Aug 2017 05:37:08 +0000 https://newbloggerthemes.com/?p=6414 Tetris Blogger Theme

Tetris Blogger theme is ideal for blogging or personal portfolios and it's a very clean and fast, SEO optimized theme. It is an unbloated theme for those looking for a speedy solution for their sites. Tetris Blogger Template is fully responsive and has color and font options, background image support, auto post summaries, related posts with thumbnails, social and share buttons, multi-level navigation menu, right sidebar, 3 columns footer widgets area and more.

Tetris Theme Features

  • 100% Responsive - working well on every device
  • Optimized for Search Engines
  • Background Image Support
  • Colors Options / Unlimited Colors
  • Fonts Options / Hundreds of Fonts
  • Multi-level Navigation Menu
  • Related Posts with Thumbnails
  • Automatic Posts Summaries
  • Header Social Buttons
  • Post Share Buttons
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • 3 Columns Footer
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - Tetris Blogger Template Find this in "Edit HTML": 
<ul class='sf-menu' id='menu-mainnbt'>

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

...

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

How To Configure Social Profile Widget

Social Buttons - Tetris Blogger Template Find this in "Edit HTML": 
<ul class='clearfix' id='header-socialnbt'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='https://4.bp.blogspot.com/-bGQHBy37_wY/WZfRgi_TPqI/AAAAAAAASDo/BLU8FhPYRHcwY7aiRc0o0PNjO9cBA8xvwCLcBGAs/s1600/twitter.png'/></a></li>

<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='https://1.bp.blogspot.com/-7m9_i__cM_0/WZfRZPPhfbI/AAAAAAAASCQ/N6oeF3eO4JwfoSmy1YbeBa1Ha4olz5s4ACLcBGAs/s1600/facebook.png'/></a></li>

<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='Google Plus'><img alt='Google Plus' src='https://1.bp.blogspot.com/-xs4-fC_77mI/WZfRZ9ffI8I/AAAAAAAASCc/Sn0p3UbwwtgbL7rmXiuPL518Mcx0xH6TwCLcBGAs/s1600/google.png'/></a></li>

<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><img alt='Instagram' src='https://2.bp.blogspot.com/-oc_Il_Ptecg/WZfRa2SJxDI/AAAAAAAASCo/ama0lOHeNRsbJnYencT0fQo56P3o-nZKwCLcBGAs/s1600/instagram.png'/></a></li>

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

Tetris Blogger Template Responsive View

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

Tetris Blogger theme is ideal for blogging or personal portfolios and it's a very clean and fast, SEO optimized theme. It is an unbloated theme for those looking for a speedy solution for their sites. Tetris Blogger Template is fully responsive and has color and font options, background image support, auto post summaries, related posts with thumbnails, social and share buttons, multi-level navigation menu, right sidebar, 3 columns footer widgets area and more.

Tetris Theme Features

  • 100% Responsive - working well on every device
  • Optimized for Search Engines
  • Background Image Support
  • Colors Options / Unlimited Colors
  • Fonts Options / Hundreds of Fonts
  • Multi-level Navigation Menu
  • Related Posts with Thumbnails
  • Automatic Posts Summaries
  • Header Social Buttons
  • Post Share Buttons
  • Facebook and Twitter Meta Data Included
  • Structured Data Included
  • 3 Columns Footer
  • Many More Features...

How To Configure Top Navigation Menu

Navigation Menu - Tetris Blogger Template Find this in "Edit HTML": 
<ul class='sf-menu' id='menu-mainnbt'>

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

...

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

How To Configure Social Profile Widget

Social Buttons - Tetris Blogger Template Find this in "Edit HTML": 
<ul class='clearfix' id='header-socialnbt'>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='https://4.bp.blogspot.com/-bGQHBy37_wY/WZfRgi_TPqI/AAAAAAAASDo/BLU8FhPYRHcwY7aiRc0o0PNjO9cBA8xvwCLcBGAs/s1600/twitter.png'/></a></li>

<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='https://1.bp.blogspot.com/-7m9_i__cM_0/WZfRZPPhfbI/AAAAAAAASCQ/N6oeF3eO4JwfoSmy1YbeBa1Ha4olz5s4ACLcBGAs/s1600/facebook.png'/></a></li>

<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='Google Plus'><img alt='Google Plus' src='https://1.bp.blogspot.com/-xs4-fC_77mI/WZfRZ9ffI8I/AAAAAAAASCc/Sn0p3UbwwtgbL7rmXiuPL518Mcx0xH6TwCLcBGAs/s1600/google.png'/></a></li>

<li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><img alt='Instagram' src='https://2.bp.blogspot.com/-oc_Il_Ptecg/WZfRa2SJxDI/AAAAAAAASCo/ama0lOHeNRsbJnYencT0fQo56P3o-nZKwCLcBGAs/s1600/instagram.png'/></a></li>

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

Tetris Blogger Template Responsive View

Responsive View - Tetris Blogger Template]]> https://newbloggerthemes.com/tetris-blogger-template/feed/ 0 Mogflat Blogger Template https://newbloggerthemes.com/premium-themes/mogflat-blogger-template/ https://newbloggerthemes.com/premium-themes/mogflat-blogger-template/#comments Wed, 26 Apr 2017 01:04:08 +0000 https://newbloggerthemes.com/?post_type=premiumnbt&p=6095 Mogflat Blogger Theme

Mogflat is a very beautiful, fully responsive, magazine blogger template to add a professional look to your blog. Mogflat Blogger Template has a right sidebar, 4 columns footer, related posts with thumbnails, featured posts slider, category posts widgets, random posts widget, social and share buttons, custom search box, top navigation menu and many more features.
Live Demo
Download & More Info
[tinstall]
Files Included: HTML Files, CSS Files, JS Files Compatible with: All modern browsers Mogflat Blogger Template

Mogflat Template Features:

  • Clean Design
  • 100% Responsive Layout
  • Ad Slots
  • Custom Mobile Theme
  • Category DropDown
  • Valid HTML 5 and CSS 3
  • Mobile Friendly Navigation Menu
  • Featured Content Slider
  • Random Posts Widget
  • Featured Posts by Category Widgets
  • 4 Columns Footer Widgets Area
  • Perfectly calibrated typography
  • Beautiful Social Profile Buttons
  • Custom Post Share Buttons
  • Built in Related Posts
  • Scroll to Top Button
  • More Features...

Mogflat Blogger Template Responsive View

Responsive View - Mogflat Blogger Template Mogflat blogger template has a fully responsive/mobile friendly layout. It will adapt to any screen without any problem.]]> Mogflat Blogger Theme

Mogflat is a very beautiful, fully responsive, magazine blogger template to add a professional look to your blog. Mogflat Blogger Template has a right sidebar, 4 columns footer, related posts with thumbnails, featured posts slider, category posts widgets, random posts widget, social and share buttons, custom search box, top navigation menu and many more features.
Live Demo
Download & More Info
[tinstall]
Files Included: HTML Files, CSS Files, JS Files Compatible with: All modern browsers Mogflat Blogger Template

Mogflat Template Features:

  • Clean Design
  • 100% Responsive Layout
  • Ad Slots
  • Custom Mobile Theme
  • Category DropDown
  • Valid HTML 5 and CSS 3
  • Mobile Friendly Navigation Menu
  • Featured Content Slider
  • Random Posts Widget
  • Featured Posts by Category Widgets
  • 4 Columns Footer Widgets Area
  • Perfectly calibrated typography
  • Beautiful Social Profile Buttons
  • Custom Post Share Buttons
  • Built in Related Posts
  • Scroll to Top Button
  • More Features...

Mogflat Blogger Template Responsive View

Responsive View - Mogflat Blogger Template Mogflat blogger template has a fully responsive/mobile friendly layout. It will adapt to any screen without any problem.]]> https://newbloggerthemes.com/premium-themes/mogflat-blogger-template/feed/ 1