30 Kasım 2012 Cuma

multi social sharing buttons for blog / website

DEMO: here
Get Code:
<h3 class='widgettitle'>Share Us On Social Media</h3>
    <div class='share-images'>
 <a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/-W7MEjRq4Fuw/ULf56zX3FiI/AAAAAAAAACI/fQZAEfH79lA/s1600/twitter.png' width='32'/></a>
 <a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://2.bp.blogspot.com/-dgh3WPaj6Wk/ULf5xIBB_bI/AAAAAAAAABY/AYiKi8bP1NU/s1600/delicious.png' width='32'/></a>
 <a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://3.bp.blogspot.com/-JYjGJ7bc2UM/ULf5zOhmNkI/AAAAAAAAABk/XgfF1hYZQdE/s1600/facebook.png' width='32'/></a>
 <a class='addthis_button_digg'><img alt='Digg' height='32' src='http://4.bp.blogspot.com/-mBnkapytYC8/ULf5yAg621I/AAAAAAAAABg/Mk-Mva4Pa28/s1600/digg.png' width='32'/></a>
 <a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://2.bp.blogspot.com/-jalvLcBbNy8/ULf54ce6fFI/AAAAAAAAAB4/WvfPITX15GM/s1600/stumbleupon.png' width='32'/></a>
 <a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/-rguo2gzqN8I/ULf8dHv3scI/AAAAAAAAACY/4BhY-1yx4KA/s1600/favorites.png' width='32'/></a>
 <a class='addthis_button_more'><img alt='More' height='32' src='http://3.bp.blogspot.com/-TbYCtVfVkxo/ULf50JBIUJI/AAAAAAAAABw/-ZGpHHK9-Qw/s1600/more.png' width='32'/></a>
    </div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>
</div>

Where to Add:
This code can be used anywhere in <body>...</body> tag.

lastly add .share-images img {border: none;} in CSS file
! if DEMO is unavailable please warn me via comment

0 yorum:

Yorum Gönder