Pure Gallery Blogger Template

Pure Gallery Blogger Theme

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. [purchase_link id="2481" text="Purchase - Pure Gallery Blogger Template" style="button" color="red" direct="true"]

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://ift.tt/188CAho' 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://ift.tt/1i6zsdG'>Post Page - Default</a></li>
<li class='menu-item'><a href='http://ift.tt/1JpF8Zt'>Post Page - Left Sidebar</a></li>
<li class='menu-item'><a href='http://ift.tt/1i6zsdI'>Post Page - Full Width</a></li>
<li class='menu-item'><a href='http://ift.tt/1JpF5wy'>Static Page - Default</a></li>
<li class='menu-item'><a href='http://ift.tt/1i6zq5I'>Static Page - Left Sidebar</a></li>
<li class='menu-item'><a href='http://ift.tt/1JpF5wC'>Static Page - Full Width</a></li>
<li class='menu-item'><a href='http://ift.tt/1i6zq5K'>Label Page</a></li>
<li class='menu-item'><a href='http://ift.tt/1JpF9fN'>Archive Page</a></li>
<li class='menu-item'><a href='http://ift.tt/1i6zsdM'>Search Page</a></li>
<li class='menu-item'><a href='http://ift.tt/1JpF5wx'>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

from New Blogger Themes | Professional Blogspot Templates
via : newbloggerthemes.com
Thanks for reading Pure Gallery Blogger Template

« Previous
« Prev Post
Next »
Next Post »

0 comentarios:

Publicar un comentario

Popular Posts