Floating Social Subscribing Button With Expanding Hover Effect For Blogger

Social Subscribing button are very helpful to increase reader and follower on our networks. So today i decide to post about social subscribing button which includes Facebook , Twitter with Feed Burner id and also with linked contact us page. These Social Subscribing buttons float on right side on your blog with fixed  not a relative position which helps to attract to visitor easily and These button have also little rotating and expand effect on mouse hover which make this widget perfect and attractive social sharing widget.

If you want to add this widget on Your Blog then follow these below given steps.

Steps To Add Social Subscribing Buttons

• Go To Blogger Dashboard >> Then Layout

• Then Click on Add a Gadget Button

• Now Click on HTML/JavaScript

• Now Copy the Below codes and Paste them in Gadget Box

<style> 
.ST-flt-wdt{ 
position:fixed;
right:10px; 
top:30%;
}
.ST-flt-wdt img{
float:right; 
clear:right; 
margin:1px; 
-webkit-transition: all .0s ease-in-out; 
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; 
} 
.ST-flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg); 
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg); }
</style> 
<!-- By SafeTricks.Net -->

<div class="ST-flt-wdt">
<!-- Facebook -->
<a href="http://www.facebook.com/Safetricks" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBg1kI7x5H7lQVaqBeooSjB2A3G1qZ7mUP5RNZCw-8qwsyl8u1O9Gojdm4nz0V9FeAaCsjEXg_onXNHJtEYLrvxZGrnC61lJlNoY48WmiJVKNWhpt0lxRrjv4TGxqxzKVYA99xI-NoGNY/s64/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/Safetricks" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2ngDN50RS3czmLsD4xQAajDzzQ3bvNME3Y7QUXrCiRUsmDV6tgzAUrzuGU0DNlZfPL2sQ3hQ0BAZcN67LLBB48jRu6bghlGBkQhGNaQgkL4Y2tiUbm-M-Fmfje1T2aiBE5r5fNcml4kc/s64/twitter.png" /></a> <!-- RSS --> 
<a href="http://feeds.feedburner.com/Safetricks" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxP8pyUvwfSoDFLE70cq-UNCdtcrz0Z2jcThX-3gA-oKHtMXBsivAxsnrYJWGQRGmGw0MzKeMwm444uD3E-2W400FMDaIw5G2Fy1t2mfG-JD_1dt6ZF3tZv8mYTSiZTs6Z6UYLtk8oNWQ/s64/Rss.png" /></a>
<!-- Email --> 
<a href="Contact US Link" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicR3djo1rXsm5vUKrrJB-f_kcDILHnhBZyx6TrlDNqyvGfzGpa_XoCj92jej-cV8crC12ec7fOAY5rz4UqzEgZeCnez73lF48g6IwW-aqm1PlEftI97vm0Q7dSa8gjSHIJtEjNcqL4-RU/s64/Mail.png" /></a>
</div>
<!-- End -->

• Now Replace below Username

• For Facebook replace Safetricks with your Facebook Page username

• For Twitter replace Safetricks with twitter username

• For Feed Burner Replace Safetricks with your Feedburner Id

• Replace Contact Us Link with your Contact Us Page Link of Blog.

• After Changing Click on the Save Buttons.