New Blogger Themes | Professional Blogspot Templates

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.
Premium Blogger Templates

Pure Gallery Blogger Template

Customization Services

Want a unique look for your website? We can customize this theme according to your needs.

Advertisements
Theme Categories: 1 Column, 1 Sidebar, 2 Columns, 2 Sidebars, 4 Columns Footer, Black, Color Options, Featured Section, Fixed width, Gallery, Header Banner, Left Sidebar, Magazine, Portfolio, Premium, Responsive, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar,
Template Name:
Pure Gallery
Author / URL:
NewBloggerThemes | https://newbloggerthemes.com/
Published Date:
August 27, 2015
Updated Date:
December 22, 2017
Advanced Details:
https://newbloggerthemes.com/pure-gallery-blogger-template/

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

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.

Advertisements

Featured Blogger Themes

These Blogger Themes are compatible with "Blogger Template Designer" (you can change the background, colors and fonts easily without editing HTML) and are optimized for search engines.

Leave a Reply