Boston Blogger Template

Boston is a clean and simple, search engine optimized, 100% responsive(mobile friendly), 2 columns blogging theme for blogspot blogs. Boston Blogger Template is template designer compatible(font and colors options) and a right sidebar, featured posts slider, Google web fonts, auto post summaries, unlimited colors, FontAwesome icon fonts, background image support, related posts with thumbnails, social and sharing buttons, top navigation menu and more.

It is 100% Mobile Friendly: Check Mobile Friendly

It has search engine friendly data: Check SEO Friendly

How To Configure Top Navigation Menu

Find this in "Edit HTML":

<div class='menu-primary-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>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Posts Slider

This slider automatically displays posts from a given category. To add your category name go to "Layout" page.

Click on the edit link of "Featured Posts" widget.

Add your category name like below and save the widget.

How To Add Social Buttons

Add this code into a "HTML/JavaScript" Box:

<style type='text/css'>.follow-us-widget{text-align:center;}.follow-us-widget a{margin:0 5px 0 0;}</style>
<div class='follow-us-widget'>
<a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
<a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a>
<a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
<a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
<a href='https://www.flickr.com/' rel='nofollow' target='_blank' title='Flickr'><i class='fa fa-flickr'/></a>
<a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a>
<a href='mailto:123@abc.com' rel='nofollow' target='_blank' title='Contact'><i class='fa fa-envelope'/></a>
<a href='http://YOURBLOGNAME.blogspot.com/feeds/posts/default' target='_blank' title='RSS'><i class='fa fa-rss'/></a>
</div>

Change default social links with your social profile URLs.

Writee Blogger Template Responsive View