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
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
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
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
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
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
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.
How To Configure Social Buttons
Find this in “Edit HTML”:
<div class='widget pg-widget-social'> <h2>Follow & 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.
