Floro is a 100% responsive, template designer compatible(color and font options), search engine optimized, 2 columns clean blogger theme for writers. Floro Blogger Template has background image support, auto post summaries, related posts with thumbnails, header and footer social icons, post share options, top navigation menu, right sidebar, Google fonts and more.
It is 100% Responsive: Check Mobile Friendly
It has search engine friendly data: Check Structured Data
Floro Theme Features
- 100% Responsive (Mobile Friendly)
- Highly Optimized for Search Engines
- Colors Options / Unlimited Colors
- Fonts Options / Hundreds of Fonts
- Background Image Support
- Related Posts with Thumbnails
- Top Multi-level Navigation Menu
- Automatic Posts Summaries
- 2 Social Profile Locations
- Post Share Buttons
- Facebook and Twitter Meta Data Included
- Structured Data Included
- Many More Features...
How To Configure Top Navigation Menu
Find this in "Edit HTML":
<div class='floro-menu-container'> <ul class='menunbt' id='primary-menunbt'> <li><a expr:href='data:blog.homepageUrl'>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> </div>
How To Configure Header Social Buttons
Find this in "Edit HTML":
<a href='https://twitter.com/' rel='nofollow' target='_blank'><span class='fa fa-twitter'/></a> <a href='https://www.facebook.com/' rel='nofollow' target='_blank'><span class='fa fa-facebook'/></a> <a href='https://www.youtube.com/' rel='nofollow' target='_blank'><span class='fa fa-youtube-play'/></a> <a href='https://www.pinterest.com/' rel='nofollow' target='_blank'><span class='fa fa-pinterest'/></a> <a href='https://www.linkedin.com/' rel='nofollow' target='_blank'><span class='fa fa-linkedin'/></a> <a href='https://www.instagram.com/' rel='nofollow' target='_blank'><span class='fa fa-instagram'/></a> <a href='https://plus.google.com/' rel='nofollow' target='_blank'><span class='fa fa-google-plus'/></a> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' target='_blank'><span class='fa fa-rss'/></a>
Add your own social links replacing default social profile URLs.
How To Configure Footer Social Buttons
Find this in "Edit HTML":
<a href='https://twitter.com/' rel='nofollow' target='_blank'><span class='fa fa-twitter'/><span class='social-links-label'>Twitter</span></a> <a href='https://www.facebook.com/' rel='nofollow' target='_blank'><span class='fa fa-facebook'/><span class='social-links-label'>Facebook</span></a> <a href='https://www.youtube.com/' rel='nofollow' target='_blank'><span class='fa fa-youtube-play'/><span class='social-links-label'>Youtube</span></a> <a href='https://www.pinterest.com/' rel='nofollow' target='_blank'><span class='fa fa-pinterest'/><span class='social-links-label'>Pinterest</span></a> <a href='https://www.linkedin.com/' rel='nofollow' target='_blank'><span class='fa fa-linkedin'/><span class='social-links-label'>LinkedIn</span></a> <a href='https://www.instagram.com/' rel='nofollow' target='_blank'><span class='fa fa-instagram'/><span class='social-links-label'>Instagram</span></a> <a href='https://plus.google.com/' rel='nofollow' target='_blank'><span class='fa fa-googleplus'/><span class='social-links-label'>Google+</span></a> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' target='_blank'><span class='fa fa-rss'/><span class='social-links-label'>RSS</span></a>
Add your own social links replacing default social profile URLs.
Replace "#" marks with real URLs and change anchor texts as you like.