How to Add Ice Cubes Social Media Widget For Blogger

Well come back friends today i am back with an another interesting Social Media Widgets for your Blogs/Websites. This widget is cool and if the readers like this they will surely subscribe to your blogs regular updates. I just using CSS  with  HTML.

How to Add Ice Cubes Social Media Widget For Blogger

• First of all, Login to your Blogger Dashboard.
• Go to Layout –> Add a Gadget.
• Paste the below code in the dialog box appeared
• Save the Gadget.

<style>
/* MY BLOGGING TECHNIQUES */
.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="YOUR-Linked In-URL/USER NAME  GOES HERE"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHp2RVWwB0aOzQLbMlGL3H1lMNlsN3duQnsx5MqtrRhNEMHAIDlt92LQlghJoK4TA_pfDPKR9yGBZfm6OgL8eyN-wN90KB3mcLlYNnsGc7QTLr6jR8zROJcMN2unT3zyXKZnO3T8Avn1tR/s1600/bloggertrix_linkedin.png " title="Add to Linkedin" /></a></li>
<li><a href="YOUR-FACEBOOK FAN PAGE-URL GOES HERE"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU6MoPFNG0VqiUXm8KiR7G9g8oWt8W2FxKEkFUgjC_JIaM1r_BOREErMlHGOiXMS8Ix9jfoS6JZsUxwcxeZvL7wZW-cq-Xw0qgaCefKy2ULMAki10rbI4UrkzcpR6C6LZIhAIhGwQqt62X/s1600/bloggertrix_facebook.png " title="Add to Facebook" /></a></li>
<li><a href="YOUR-STUMBLEUPON-URL/USER NAME GOES HERE"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYkKgCP_jLahE64MqDPhB764u1SA5mUk2nbCU8xQ0O2pxHJxeVRoI7ueDeMnOnou-m4wK1Y4GduubPjxDWX3feY0hN8wqSqMe78Xyh0GPppJf8Q9CUjaOlBPZfsnRXDuL0aqYTthceq1A/s1600/bloggertrix_stumbleupon.png " title="Add to Digg" /></a></li>
<li><a href="YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlloPfEjDFakLeJf97cwYU9YMcEhS9Okm7w3GeDCI73476mwIN2anbOos8IS3cGKZymoXviaIahd3E1aObL67hJj3fMxDGd5juPqybR6TCo_VHJNL019DjW5hcOAWBS84lAyYp7uriYAgK/s1600/bloggertrix_twitter.png " title="Add to Twitter" /></a></li>
<li><a href=”YOUR-FEED NAME- GOES HERE”><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgETH24SdVnAgulDI6a0EXjiljz9gFpi194WK2Vgrle7BXB_OdUNFVKvETTXgKQ9QDN2uarUxERDtKDTCzawEcjaXRO_KZjZp_8D45ynaJYoNgZYJarpBXtrUuHR32iZv0H9S6puziGZaTJ/s1600/bloggertrix_RSS.png " title="Add RSS Feed" /></a></li>
</ul>
</center>

Note : Highlighted text in the above code should be replaced with the following

• "YOUR-Linked In-URL/USER NAME  GOES HERE" with your Linked In Profile.
• "YOUR-FACEBOOK FAN PAGE-URL GOES HERE" with your Facebook fan Page URL
• "YOUR-STUMBLEUPON-URL/USER NAME GOES HERE" with your Stumble upon user name. 
• "YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE" with Twitter user name or Fan page
• ”YOUR-FEED NAME- GOES HERE” with your feed name

If you have any doubts regarding this post please use our comment section below. Please do not Spam.