.social{font-family:'Roboto Condensed',sans-serif;text-align:center;background:#00799D;color:#fff;padding:8px;border-radius:5px;margin:20px 0}.social a{color:#fff;margin:10px}.social a:hover{border-bottom:1px dashed #fff}

<div class="social">

Share the knowledge &nbsp;&nbsp;&nbsp;&rarr;

<a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter">Twitter</a>

|

<a href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Facebook">Facebook</a>

|

<a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+">Google+</a>

</div>