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="http://3.bp.blogspot.com/-zl6GiZgl17w/TzNgd4y2VKI/AAAAAAAAAwQ/yl5f0NXI_Ng/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/PROFILE NAME" title="" target="_blank"><img alt="Follow me on Twitter" src="http://1.bp.blogspot.com/-oZXlXaVZ0NQ/TzNgee09cVI/AAAAAAAAAwY/UVUjQ9LlLuk/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="#1" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="http://4.bp.blogspot.com/-v8adyG27cBs/TzNgdRZJzaI/AAAAAAAAAwM/k3HJWWhY0jY/s1600/Rss.png" /></a>
<!-- Email -->
<a href="#2" title="Email me" target="_blank"><img alt="Email me" src="http://3.bp.blogspot.com/-6ZNwVUqx9eo/TzNhk_KXPvI/AAAAAAAAAwk/uxsSpqb3sdI/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.

0 comments:

Are you confused or just want to tell us you visited? Feel free to comment

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.

Thinking of spamming here?:
Please do not spam Spam comments will be deleted immediately upon our review. So why waste your time?

Regards,
Enoch

Kindly use this button below to get this my article on your computer:

Print Friendly and PDF

You can also read this Related Posts



Best Blogger Tips

Post a Comment

Join me on Facebook Follow me on Twitter Follow me on Digg Follow on BlogCatalog Follow me on MySpace Subscribe to RSS Email me

Blog Archives

Google+

Google+

Followers