Add Bubblicons Social Media Sharing Widget for blogger

Social websites symbols tend to be probably the most common widgets to feature with your internet site along with here’s a different one I came across thanks to Bloggertrix that you may such as likewise. It’s employ will be very similar to other social networking symbols you see, but the difference will be it carries a excellent look therefore i thought I’ll must discuss that anyway because you might want to transform the attributes in your internet site.
Bubblicons is created along with CSS along with HTML, a very easy to add widget which makes your website look appealing to the site visitors.

Just Follow simple following steps:

Step 1: Login your blogger account go to Layout option in left side menu.

Step 2: Click on Add a gadget.

Step 3: Select HTML/JavaScript from list.

Step 4: Now copy the following code and paste into box.

<style>
/* Bloggertrix  */
.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>
<li><a href="http://www.digg.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJpqx5YrtrowlrDwAD84Qkgu-FFdwAxuHLv5f9UmmgrL3QRd9dL7lifUdsUgimliFosTRdsRpbEKA7DRbM4-Lngnwdzj41CB5CikFHH7vW13eDUkZ2fNui4qa2rcy4fYjysVPxUj2MhBE/s1600/bloggertrix-digg.png" title="Add to Digg" /></a></li>
<li><a href="http://www.facebook.com/username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpORFzObfugcq71siXAlwBrmCTwpH_yRGD4zuv21bSdEBHGLq4zy3L7yAnztVZc-zBNjON0rmrJXVArUkw9EKy13XpJDV7puSotyJSYyjbuQn5oYn1cZrdu2LU-OzGs-2UxNk6MrmnuPU/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/AVvXsEgLsnuC_lDkD38eD_OVnvu81zxQm6DDek1-s5CKNJfonxbx1P_fBnpBPZd-oGnUcgDFTTs4h2iejoSdQIqG3Cb384N-eYnJpI3tfxPMgaPa6BrodpYVHi4pvdyi4NPaeYTwyrIUfLYtJW4/s1600/bloggertrix-stumbleupon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMxDpz_N57aXWQFl89V6tAXZPRpzd2hJt7Rmk_Cz0zcHaFVAfNz44xOGLc6Wk0HV6lidgzQykl3_UxWaFkuzI5o4llBFPnzKMrm6AdiK1F_EDpwgZP5k2YNFGGIKCsGL8DI77F_mH3688/s1600/bloggertrix-twitter_alt.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAH7U_UDB1YQbIQkkMumXpbh5c8pCw-iw6Dr1bJkSz-wJxgUg_j8s2KlcaRMha7gRM3NBV-OHY-3bBNqGULQGtZyKkmpIJ3pFUY0YlZW7Gu9bXtyJ4Ssm_ITb8jP4kxK3m-Ij7uE75uYQ/s1600/bloggertrix-RSS.png" title="Add RSS Feed" /></a></li>

</ul>

Step 5: Replace Red text with your username or ID and click on Save.

Please Give Us Your 1 Minute In Sharing This Post!

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Powered By: ITmaza