<div class="btn-share">
<ul class="dropdown-menu">
<li>[social type="facebook" style="min"]http://www.facebook.com/SmartAddons.page [/social] <a href="http://www.facebook.com/SmartAddons.page" target="_blank">Facebook</a></li>
<li>[social type="twitterbird" style="min"]https://twitter.com/#!/smartaddons [/social]<a href="https://twitter.com/#!/smartaddons" target="_blank">Twitter</a></li>
<li>[social type="linkedin" style="min"]http://www.linkedin.com/in/smartaddons[/social]<a href="http://www.linkedin.com/in/smartaddons" target="_blank">Linkedin</a></li>
<li>[social type="google" style="min"]https://plus.google.com/u/0/103151395684525745793/posts [/social] <a href="https://plus.google.com/u/0/103151395684525745793/posts" target="_blank">Google plus</a></li>
<li>[social type="pinit" style="min"] http://pinterest.com/smartaddons/ [/social]<a href="http://pinterest.com/smartaddons/" target="_blank">Pinterest</a></li>
<li>[social type="rss" style="min"]https://www.smartaddons.com/component/k2/itemlist?format=feed&amp;type=rss[/social]<a href="index.php/joomla/news-feed-2/single-news-feed" target="_blank">RSS feeds</a></li>
</ul>
</div>

#top2 .btn-share:after {
    background: url("../images/share/share_icon1.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    margin: 13px;
    padding: 7px 7px 8px;
}
#top2 .btn-share:hover:after {
background-position: 0px -13px;
}