Stacker Blogger Template

Stacker is a Grid-Based, 100% responsive, SEO optimized, template designer compatible, minimal Blogger theme for showing off your content clean and elegant way. Stacker Blogger Template has a 4 columns footer widgets area, many colors and fonts options, background image support, FontAwesome icons, related posts with thumbnails, social and share buttons, social profile widget, top navigation menu and more.

[purchase_link id="5865" text="Purchase - Stacker Blogger Template" style="button" color="blue"]

It is 100% Responsive: Check Mobile Friendly

It has search engine friendly data: Check SEO Friendly

Stacker Theme Features

• 100% Responsive (Mobile Friendly)
• Search Engine Optimized
• Many Colors Options / Unlimited Colors
• Many Fonts Options / Hundreds of Fonts
• Support for a Background Image
• Grid-based Layout on Homepage
• Related Posts with Thumbnails
• Top Multi-level Navigation Menu
• Header Social Buttons
• Social Profiles Widget
• Post Share Buttons
• Facebook and Twitter Meta Data Included
• Structured Data Included
• Many More Features...

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<div class='align-centernbt' id='cssmenunbt' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul>

<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 Social Buttons

Find this in "Edit HTML":

<ul class='menu-itemsnbt' id='menu-social-itemsnbt'>
<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>
...
</ul>

Add your own social links replacing default social profile URLs.

How To Add Social Profile Widget

Go to the "Layout" page and add this code into a "HTML/JavaScript" box:

<div id="socialmediawidgetnbt">
<a href="https://twitter.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Twitter"><i class="fa fa-twitter"/></i></a>
<a href="https://www.facebook.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Facebook"><i class="fa fa-facebook"/></i></a>
<a href="https://plus.google.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="GooglePlus"><i class="fa fa-google-plus"/></i></a>
<a href="https://www.pinterest.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Pinterest"><i class="fa fa-pinterest"/></i></a>
<a href="https://www.linkedin.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Linkedin"><i class="fa fa-linkedin"/></i></a>
<a href="https://www.instagram.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Instagram"><i class="fa fa-instagram"/></i></a>
<a href="https://www.flickr.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Flickr"><i class="fa fa-flickr"/></i></a>
<a href="https://www.youtube.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Youtube"><i class="fa fa-youtube"/></i></a>
<a href="https://vimeo.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Vimeo"><i class="fa fa-vimeo"/></i></a>
<a href="https://github.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Github"><i class="fa fa-github"/></i></a>
<a href="https://www.tumblr.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Tumblr"><i class="fa fa-tumblr"/></i></a>
<a href="http://digg.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Digg"><i class="fa fa-digg"/></i></a>
<a href="https://delicious.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Delicious"><i class="fa fa-delicious"/></i></a>
<a href="http://www.stumbleupon.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Stumbleupon"><i class="fa fa-stumbleupon"/></i></a>
<a href="https://www.reddit.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Reddit"><i class="fa fa-reddit"/></i></a>
<a href="https://dribbble.com/" rel="nofollow" target="_blank" class="socialiconnbt" title="Dribbble"><i class="fa fa-dribbble"/></i></a>
<a href="https://www.behance.net/" rel="nofollow" target="_blank" class="socialiconnbt" title="Behance"><i class="fa fa-behance"/></i></a>
<a href="skype:profile_name?chat" rel="nofollow" target="_blank" class="socialiconnbt" title="Skype"><i class="fa fa-skype"/></i></a>
<a href="mailto:123@abc.com" rel="nofollow" target="_blank" class="socialiconnbt" title="Contact"><i class="fa fa-envelope"/></i></a>
<a href="http://YOURBLOG.blogspot.com/feeds/posts/default" target="_blank" class="socialiconnbt" title="RSS"><i class="fa fa-rss"/></i></a>
</div>

Change default social profile URLs with yours and save the widget.

Stacker Responsive View / Mobile View