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

Clean Gallery Blogger Template

Theme Categories: 1 Column, 1 Sidebar, 2 Columns, 4 Columns Footer, Black, Color Options, Fixed width, Gallery, Grey, Header Banner, Left Sidebar, Magazine, Minimalist, Photolog, Portfolio, Premium, Responsive, Right Sidebar, Tabbed widget, Top Navigation Bar, White,
Theme Name:
Clean Gallery
Author / URL:
NewBloggerThemes | https://newbloggerthemes.com/
Published Date:
August 1, 2016
Advanced Details:
https://newbloggerthemes.com/clean-gallery-blogger-template/

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 email subscribe widget/profile widget, multi tabbed widget and more.

[purchase_link id="4846" text="Purchase - Clean Gallery Blogger Template" style="button" color="blue"]

Clean Gallery WordPress Version

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

http://themesdna.com/products/clean-gallery/

Clean Gallery Blogger Template Features

  • 100% Responsive (Check Mobile Friendly)
  • Search Engine Friendly
  • Structured Data Included (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 (Check Layout)
  • Different Layout Options for Posts and Pages (full width/left sidebar/right sidebar)
  • 728x90 Header Ad Banner Area
  • 4 Columns Footer Widgets Area
  • Full Width Not Found(404) Page Check 404 Page
  • Top Multi-level Responsive Navigation Menu
  • Multi Tabbed Widget Area
  • Numbered Page Navigation
  • Custom Post Navigation
  • Cool Social Buttons
  • Post Share Buttons
  • Custom Email Subscription Widget
  • Custom Profile Widget
  • Facebook and Twitter Meta Data
  • Many More Features...

Here I explain 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

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.

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.