How This Widget Is Ready
It was new EEM release social networking widget produced exclusively in CSS and HTML. We've stylized its design like three dimensional creating. On mouse hover it'll alter the positioning by rotating that will perfectly attract the site visitors. Therefore we used simple Css Code, absolutely nothing to worry this widget won't ever compel your site on load time. We always avoid java script to produce every new social discussing blogger widget.Live Demo :
It look perfectly on every blogger blog and website. If a person wish to add this widget in theOrher web or blogsite then you need to are required to follow a few of the below given steps to accomplish your work. With the addition of this widget inside your blogger blog >> stick to the below steps.Fancy social networking widget with Hover Effect installation on Blogger Blog:
1. Visit Blogger.com2. Visit Layout >>> Add Gadget >> HTML / JavaScript
3. Now copy the below given code and past in to the gadget.
<style>
.EEM-Share img {
width:42px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.EEM-Share img:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
</style>
<center>
<div class="EEM-Share">
<a href="https://www.facebook.com/EasyEarningMethods" target="_blank"><img src="https://lh6.googleusercontent.com/-kYkF6HwaXEg/Uj69pHNzLYI/AAAAAAAAKuc/hXbCxrYtK-Q/s128/Facebook-icon%2520%25282%2529.png" /></a>
<a href="https://twitter.com/EasyEarningMethods" target="_blank"><img src="https://lh6.googleusercontent.com/-7OlcEkv4NPg/Uj69qEE7e-I/AAAAAAAAKuw/jY9zpoJnLxM/s128/Twitter-2-icon.png" /></a>
<a href="https://plus.google.com/104384690076661173234" target="_blank"><img src="https://lh6.googleusercontent.com/-H5vXBqBR0Vk/Uj69pRtmhuI/AAAAAAAAKuo/igtLIb1l3w8/s128/Google-plus-icon%2520%25281%2529.png" /></a>
<a href="http://feeds.feedburner.com/EasyEarningMethods/fGet" target="_blank"><img src="https://lh6.googleusercontent.com/-tN3zxaITkoo/Uj69pbMeyJI/AAAAAAAAKug/qhrU5s7pVSs/s128/RSS-icon%2520%25281%2529.png" /></a>
</div>
.EEM-Share img {
width:42px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.EEM-Share img:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
</style>
<center>
<div class="EEM-Share">
<a href="https://www.facebook.com/EasyEarningMethods" target="_blank"><img src="https://lh6.googleusercontent.com/-kYkF6HwaXEg/Uj69pHNzLYI/AAAAAAAAKuc/hXbCxrYtK-Q/s128/Facebook-icon%2520%25282%2529.png" /></a>
<a href="https://twitter.com/EasyEarningMethods" target="_blank"><img src="https://lh6.googleusercontent.com/-7OlcEkv4NPg/Uj69qEE7e-I/AAAAAAAAKuw/jY9zpoJnLxM/s128/Twitter-2-icon.png" /></a>
<a href="https://plus.google.com/104384690076661173234" target="_blank"><img src="https://lh6.googleusercontent.com/-H5vXBqBR0Vk/Uj69pRtmhuI/AAAAAAAAKuo/igtLIb1l3w8/s128/Google-plus-icon%2520%25281%2529.png" /></a>
<a href="http://feeds.feedburner.com/EasyEarningMethods/fGet" target="_blank"><img src="https://lh6.googleusercontent.com/-tN3zxaITkoo/Uj69pbMeyJI/AAAAAAAAKug/qhrU5s7pVSs/s128/RSS-icon%2520%25281%2529.png" /></a>
</div>
Make Each One Of These Personalization
You have to alter the following url before you go to save the gadget. You have to change these web addresses.- Switch the Yallow color url together with your facebook page.
- Switch the Red color url together with your twitter link.
- Switch the Blue color url together with your Google page.
- Switch the Crimson color url together with your feedburner url.
0 comments:
Post a Comment