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/

Live Demo Template Installation Premium Themes

Buy Now

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

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)