BlogZone is modern and clean, 100% responsive, search engine friendly blogger theme. It is Template Designer compatible, so you can change background image, colors and fonts without editing codes. BlogZone Blogger Template has a featured posts slider, featured posts area, clean post summaries on homepage, related posts with thumbnails, social profile widget, post share buttons, multi-level navigation menu, right sidebar, 4 columns footer, scroll-to-top button and more.
BlogZone Theme Features
- Fully Responsive Layout
- Optimized for Search Engines
- Colors Options / Unlimited Colors
- Fonts Options / Hundreds of Fonts
- Background Image Support
- Multi-level Navigation Menu
- Featured Posts Slider
- Featured Posts Area
- Related Posts with Thumbnails
- Automatic Posts Summaries
- Social Profile Widget
- Post Share Buttons
- Facebook and Twitter Meta Data Included
- Structured Data Included
- Many More Features…
How To Configure Main Navigation Menu
Find this in “Edit HTML”:
<ul class='blogzone-menu' id='blogzone-primary-menu'> <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 Configure Top Social Buttons
Find this in “Edit HTML”:
<div class='blogzone-social-widgets'> <ul> <li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'>Twitter</a></li> <li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'>Facebook</a></li> <li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'>GooglePlus</a></li> <li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'>Pinterest</a></li> <li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'>Linkedin</a></li> <li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'>Instagram</a></li> <li><a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'>Youtube</a></li> <li><a href='https://github.com/' rel='nofollow' target='_blank' title='Github'>Github</a></li> <li><a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'>Contact</a></li> <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' title='RSS'>RSS</a></li> </ul> </div>
Add your own social links replacing default social profile URLs.
How To Configure Featured Posts Slider
This slider widget automatically displays posts from a given label name. 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=blogzonesliderposts&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 load in the slider.
Example:
<script src='https://blogzone-nbt.blogspot.com/feeds/posts/default/-/Print Design?alt=json-in-script&callback=blogzonesliderposts&max-results=6'/></script>
How To Configure Featured Posts Area
This featured posts widget automatically displays posts from a given label name. Go to “Layout” page.
Click on the edit link of “Featured Posts Widget” widget and add this code:
<script src='https://YOURBLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME?alt=json-in-script&callback=blogzonefeaturedposts'/></script>
Replace “https://YOURBLOGNAME.blogspot.com” with your real blog address.
Replace “LABELNAME” with the real label name you want to retrieve posts.
Example:
<script src='https://blogzone-nbt.blogspot.com/feeds/posts/default/-/Motion Design?alt=json-in-script&callback=blogzonefeaturedposts'/></script>
How To Configure Social Profile Widget
Find this in “Edit HTML”:
<div class='widget blogzone-social-widgets'> <h2>Follow Us</h2> <ul> <li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'>Twitter</a></li> <li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'>Facebook</a></li> <li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'>GooglePlus</a></li> <li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'>Pinterest</a></li> <li><a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'>Linkedin</a></li> <li><a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'>Instagram</a></li> ... </ul> </div>
Add your own social links replacing default social profile URLs.
BlogZone Blogger Template Responsive View
