The Blogger collection

Ribbon.

A fresh design for your stories. Preview it, download it, make it yours.

Ribbon / Blogger

A closer look at your next chapter.Enlarge preview

Get to know the design

The details. The possibilities.

Explore the theme information and any setup notes below.

Ribbon is a SEO friendly, responsive, 2 columns, magazine Blogger theme for general purpose blogs. Ribbon blogger template comes with features such as auto header ad banner, read more, right sidebar, 3 columns footer, social buttons, post sharing buttons, related posts, Google fonts, scroll to top button and more.

How To Add Links to Top Navigation Menu

Find this in “Edit HTML”:

<nav id='navigationnbt'>
<ul class='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>

...

<li><a href='#'>Uncategorized</a></li>

</ul>
</nav>

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

How To Configure Social Buttons

Find this in “Edit HTML”:

<div class='ribbon-social-buttons'>
  <a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus-square'/></a>
  <a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter-square'/></a>
  <a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook-square'/></a>
  <a href='http://instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
  <a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube-square'/></a>
  <a href='http://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest-square'/></a>
  <a href='http://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin-square'/></a>
  <a href='https://vimeo.com/' rel='nofollow' target='_blank' title='Vimeo'><i class='fa fa-vimeo-square'/></a>
  <a href='http://tumblr.com/' rel='nofollow' target='_blank' title='Tumblr'><i class='fa fa-tumblr-square'/></a>
  <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank' title='RSS'><i class='fa fa-rss-square'/></a>
</div>

Add your social profile URLs replacing these social media networks homepages URLs.