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.
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
