Cool 3D Social Share Horizontal Widget

TEXT SHARE SOCIAL BUTTON

Demo
   

Code

CSS
<style type="text/css">
 
#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}

#grabitin-bar { 
border: 0; 
margin-bottom: 10px; 
margin: 0 auto; 
width:300px; 
} 
.fb-likebox { 
background: #fff; 
padding: 10px 10px 0 10px; 
border: 1px solid #D8E6EB; 
margin-top: -2px; 
height:65px; 
} 
 
</style>
HTML
<div id="share-buttons"><div style="margin-bottom:10px;"> <div id="grabitin-bar" >
<!-- Facebook -->
<a href="http://www.facebook.com/sharer.php?u=http://www.curiositydimension.com" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-ObfOL3eP6y0/UiLXRhIPyqI/AAAAAAAAAJk/lvUgQnxaQY0/s200/fb.png" /></a>
 
<!-- Twitter -->
<a href="http://twitter.com/share?url=http://www.curiositydimenison.com&amp;text=Simple%20Share%20Buttons" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-Rwh_O9hBvtI/UiLdH2-nqQI/AAAAAAAAAJ8/VoqBA4bYLyI/s200/s.png" /></a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=http://www.curiositydimension.com" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-muIxLqSAlkI/UiLsKOBT1XI/AAAAAAAAAKM/jyLRmBI_SxQ/s200/g+.png" /></a>
&nbsp;<!-- Pinterest --><a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img border="0" src="http://2.bp.blogspot.com/-JeTlub7KRc4/UiMA3hfyifI/AAAAAAAAAKw/sjDmTtuAE1g/s200/pinn.png" /></a>
&nbsp;<!-- Email --><a href="mailto:?Subject=Simple%20Share%20Buttons&amp;Body=I%20saw%20this%20and%20thought%20of%20you!%20%20http://www.curiositydimension.com"><img border="0" src="http://2.bp.blogspot.com/-RNK6dioOXus/UiL9ORxkMGI/AAAAAAAAAKc/eYe5ToAk3Vs/s200/eml.png" /></a>

</div>
</div>
</div>
</div>


Comments

Popular posts from this blog

How to add Guest Book Widget For Blogger and Websites

Nokia 9 Images Leak and We See Something Satisfying

Cool Android Setups #1