New Hower Ice Cubes Social Sharing Widget CSS code For Blogger 2013
Αντιγραφή τον παρακάτω κώδικα:
<style>
/* New Hower Ice Cubes Social Sharing Widget FoulsCode.blogspot.gr*/
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>
<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="http://www.linkedin.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi1wvyAZs0tY7rt-2CJ3ynKffS241noljnCE-ZFmQRfjeHOjaUuZZ85pVnaJHU5uiZzHjX-p9CrpAlndQu3LIGwXDtmTFvzftYKO-cc2NsBLihCPUlHu12QgLIY5AA74z71S-1iYFWX71I/s1600/linkedin.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.facebook.com/digitalhubinc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9bHi8iQuQ6IKlM7TwqXa7eLifBUOGqdolMJIcRYMWARfx62ul8eaVqWR7U7SN1A6ASvZUYB7a3FBKbwjiezoAaIZCV4gSEWVI4rwTwWPBzWKkFzXlXP9mzFDe4PtYtwfpf5Qbb7ftlNkS/s1600/facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.stumbleupon.com/username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEite6D0QweQ6Q1ezJA3rX8ZGoluUsoH0EgoFDOtfjeViT0UjxOs5xhv7oA0r5Kt9PmcbSBXq45ABMNbp1oSVvfzaXsyQz0MgmDnDRvnt58DVb9TuwZTY-R91n6mh5dRC8xwDkkeexot74JK/s1600/stumbleupon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaHzMA7oy3wqlbsVQ8zukeAxoxajd4ZY-1Q7oJaTxsQcAYR9aZA2-3PZ6yFgpf_wRtqrRVFO0a4BL3qNG7p5lt9dCZdlJA0rP48-v_gM2Nw3P2dzN2DXuasqpiwpoQTYIIonyevDVUTSmY/s1600/twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/digitalhubinc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiluAOW6hDDimI_UmLzBk7BhgAknXM0KDQQE_LqwcjhwWEMcQI_2GJ4C7dxPQApaduYizUgWgsiwzjQmI7NORaj5bjv7AOkjNNIcezEhKIlrIuFMwiC3fbYDx1SDakrBMpTrsxmeVuuTdMC/s1600/RSS.png" title="Add RSS Feed" /></a></li>
</ul>
</center>
DEMO
Κατηγορίες:
Σχόλια