The Great Floating Social Subscribing Widget With a Unique, Cool Hover Effect For Blogger

Having a great floating social subscribing widget and with a unique cool hovering effect makes your blog page unique. Visitors are been attract because of what make it different from others that is hovering effect. When mouse is been move over the button, with the hovering effects it expand, and rotate a little, and with this am very sure of it, it will increase your number of follower on the social network. Now let us try this great Floating Social Subscribing Widget.

If you want to add this widget as HTML/JavaScript widget then please follow my steps -

    Go to Blogger Dashboard =>  Design =>  Page Layout
    Then Choose Add A Gadget => HTML/JavaScript.
    Paste code and save it.

<style>
.skyeconcept-flt-wdt{
position:fixed;
right:10px;
top:30%;
}
.skyeconcept-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;
}
.skyeconcept-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>
<!-- btsnts.blogspot.com -->
<div class="btsnts-flt-wdt">
<!-- Facebook -->
<a href="http://www.facebook.com/USERNAME" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT5wpJmriAb9QqQfP2Z6f-nqzNLaPA2byI2M5bh5NvneMLY1zXCHPOASpMNT0fyJwZ8_mnQmlg1FwF2QmXT2EziPXURZPhXPjW57DZPb1fFVpHW0Dm8bqhywIrhxQjl15qtPGoNfuBYU8/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/PROFILE NAME" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUSC9MSjCgnqWt1n-cd2_opnFRq3mN4UjfCqfapm5NXbAirp6bbjV_sw6dtbikqNhgYzqjce5QPAQtZ_KY_vAl909VK51d85TPvIzz6Qdl_ifVJl6auyii_S-9VvXO4lNKIAwqBlYMd_w/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="#1" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTyyR5QNRyarU_0ozWO1mw9D2u_GXOitcu5wEGJ-V2kg2OKNj7RcBFytttlry47fS1t30gbYH3aIl9YsL-rEisGewxLIYo_fq9b98BCd27opHkvF5dKI34xLQ2CO5F8jnBnhNBGFxKts0/s1600/Rss.png" /></a>
<!-- Email -->
<a href="#2" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ70Wg08Q-HW2ozQl2t4-bK84usLedLDxb_bNClZgSrmIyRvN6VWJEr_-hf0-oXmKBZQU0o712CNlwFJqNi5U-gg1iTw97I_T6RUgu13r3r_NWF1UPjkZ0a2ZnW917TrLhHiRpjZut4kM/s1600/Mail.png" /></a>
</div>
<!-- End -->

Some Changes

    Now replace http://www.facebook.com/USERNAME  with your facebook page url.

    Now replace http://twitter.com/PROFILE NAME  with your twitter page url.

    Now replace #1 (http://feeds.feedburner.com/...)  with your feed address.

    Now replace #2  with your contact page url.

I hope this tips is helpful, Please make comments.