Monday 4 February 2013

Attractive Ice cube social sharing icons for blogger



In this post i am providing you with a set of social sharing icons set for blogger.Adding them to your blog is so simple and can be done in a very few minutes.

1. Log in to blogger  Design > Page Element.

2. Click Add Gadget and select 'HTML/Javascript

3.Now Paste Below code.

<style>
/* techpro365.blogspot.in  */
.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/AVvXsEgjjg4bZo52r2IwJ4pG_eQ0QArLIJSgNtVU4ce0-4HHPhsd9LYK2g1pF7uzI60NcfJ-dQv2_gsZXrId3xjoi7TXNHV9lI_c_gDretgjGy2u4GXKru1loe3w3Uvi-tfwwTa_8aAj0mUF3cKV/s1600/bloggertrix_linkedin.png " title="Add to Linkedin" /></a></li>
<li><a href="http://www.facebook.com/Fan page"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYxyZp-L_C59L9ygPk_LsTCJ1GmpMJkduM1BA8RS1lVDOhwQttX7lwIng6tQaw3bsyC_i9pFTDhZeCBiUdkyXWDZfzmkmYr2F64dgMB6X-oemrWbKX5Kyv46IrEinofwzRAwLBnFcwODJ/s1600/bloggertrix_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/AVvXsEi8ZdvHcsE3oUh1DpM8gBVaQKvyqqYofxAjJJ7iA0OEdhlrR23cYrG3eG0t4l4T7heBsgPZ9WpNdsHSnH46PIgQJ9YwCRmf8o_z1J1tgOMLiaLco1onMGkwd8SuTjxoERPm35NeG09K5Y8m/s1600/bloggertrix_stumbleupon.png " title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/Twitter page"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1nTvmOgzkJ_DkqnlWVPdUImdNo_Dz8mZ_xno4Dnjx-ZM2-E54l6kA4Qzs8s62PXA9S2iYyIhKVwtLTZzRj1v55_ivvCQrlhh_z29gE2Ir8Jf203KdZRJtns1tzsBaMCye0NISC_2rCSn/s1600/bloggertrix_twitter.png " title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/rss feed"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQV7PFkJ-xG5ZyjgncL68fdks22-dYuG4otoSNhjln_KoAVVeiSeewHnuxm9j0fGNmPxGoqmN5lQn2A-xx88BKM2osw9NoDW2QTc_sZ8qUfsRu9micIGYSfZ2zg1Z7e1teTl2BnKBNzUG_/s1600/bloggertrix_RSS.png " title="Add RSS Feed" /></a></li>
</ul>
</center>

Before adding this code you should change those specific attributes or fields of the social sharing sites.

Print Page

Do you like this post? Please link back to this article by copying one of the codes below.

URL: HTML link code: BB link code:

About Author:

Raja Sekhar is the founder of this blog. He has been blogging since 2010 and is an active contributor of many blogs.

0 comments :

Post a Comment

Related Posts Plugin for WordPress, Blogger...