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.
Get Paid by Companies and Marketplaces Worldwide

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, Fixed width, Gallery, Header Banner, Magazine, Portfolio, Premium, Responsive, Right Sidebar, Top Navigation Bar,
Template Name:
Pure Gallery
Author / URL:
NewBloggerThemes | https://newbloggerthemes.com/
Published Date:
August 27, 2015
Advanced Details:
https://newbloggerthemes.com/pure-gallery-blogger-template/

Pure Gallery is a very user friendly, feature rich, SEO optimized, elegant looking premium blogger template with gallery style layout is powered by Masonry grid system. 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. You can change colors of every element of this theme. For example if you don't like the black color of the theme, change theme to a light color version, only using blogger template designer. Also every font of this theme can be change very easily without editing any code. Pure Gallery Blogger template has 4 columns footer widgets area, right sidebars, hundreds of web fonts, unlimited colors, Font Awesome icon fonts, background image support, related posts with thumbnails, social buttons, share buttons, top navigation menu, scroll to top button, customized email subscribe widget and more.

Pure Gallery Blogger Template Features

  • 100% Responsive (Check Mobile Friendly)
  • Search Engine Friendly (Check SEO)
  • Unlimited Colors to Choose (Check Colors)
  • Hundreds of Fonts to Select (Check Fonts)
  • Support for a Background Image (Check Background Image Support)
  • Related Posts with Thumbnails
  • Clean Admin Layout Page
  • Different Layout Options for Posts and Pages (full width/left sidebar/right sidebar)
  • 4 Columns Footer Widgets Area
  • Full Width Not Found(404) Page Check 404 Page
  • Top Multi-level Navigation Menus
  • Numbered Page Navigation
  • Custom Post Navigation
  • Beautiful Social Buttons
  • Post Share Buttons
  • Feedburner Email Subscription Box
  • Facebook and Twitter Meta Data
  • Many More Features...

Here I explain how to configure some settings of the theme. For full setup instructions, read the documentation given with the theme.

How To Configure Top Navigation Menu

Top Navigation Menu - Pure 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>

...

<li class='menu-item menu-item-has-children'><a href='#'>Pages Types</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/2010/09/sample-post-with-links-paragraphs-and.html'>Post Page - Default</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/2010/09/this-is-just-going-to-be-another-test.html'>Post Page - Left Sidebar</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/2010/08/keeping-title-length-equal-for-home.html'>Post Page - Full Width</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/p/contact.html'>Static Page - Default</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/p/support.html'>Static Page - Left Sidebar</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/p/about.html'>Static Page - Full Width</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/search/label/Sports'>Label Page</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/2010_07_01_archive.html'>Archive Page</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/search?q=test'>Search Page</a></li>
<li class='menu-item'><a href='http://pure-gallery-nbt.blogspot.com/404'>404 Page</a></li>
</ul>
</li>

<li class='menu-item menu-item-has-children'><a href='#'>Health</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>Childcare</a></li>
<li class='menu-item'><a href='#'>Doctors</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 Numbered Page Navigation

Page Navigation - Pure Gallery Blogger Template

Find this:

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

By default, page navigation has configured to display 9 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

How To Configure Social Buttons

Social Buttons - Pure Gallery Blogger Template

Find this in "Edit HTML":

<div class='pg-social-icons'>
<ul>
   <li class='social-twitter'><a href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a></li>
   <li class='social-facebook'><a href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a></li>
   <li class='social-gplus'><a href='#' rel='nofollow' target='_blank' title='Google Plus'><i class='fa fa-google-plus'/></a></li>
   <li class='social-github'><a href='#' rel='nofollow' target='_blank' title='Github'><i class='fa fa-github'/></a></li>
   <li class='social-instagram'><a href='#' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a></li>
   <li class='social-linkedin'><a href='#' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a></li>
   <li class='social-pinterest'><a href='#' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a></li>
   <li class='social-rss'><a href='#' rel='nofollow' target='_blank' title='RSS'><i class='fa fa-rss'/></a></li>
   <li class='social-stumbleupon'><a href='#' rel='nofollow' target='_blank' title='Stumbleupon'><i class='fa fa-stumbleupon'/></a></li>
   <li class='social-vimeo'><a href='#' rel='nofollow' target='_blank' title='Vimeo'><i class='fa fa-vimeo-square'/></a></li>
   <li class='social-youtube'><a href='#' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a></li>
   <li class='social-dribbble'><a href='#' rel='nofollow' target='_blank' title='Dribbble'><i class='fa fa-dribbble'/></a></li>
   <li class='social-email'><a href='#' rel='nofollow' target='_blank' title='Email'><i class='fa fa-envelope-o'/></a></li>
   <li class='social-flickr'><a href='#' rel='nofollow' target='_blank' title='Flickr'><i class='fa fa-flickr'/></a></li>
</ul>
</div>

Add your own social links replacing "#" marks.

Pure Gallery Page Layout View

Pure Gallery - Layout Page

Pure Gallery Responsive View

Responsive View - Pure Gallery Blogger Theme

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