Social site connecting Rotate Style buttons for blogger or website
Fast Copy the html/java Script code from the below Box
<style>p#abt_socialicons
img {
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
p#abt_socialicons
img:hover {
-moz-transform: rotate(160deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
</style>
<center><p
id="abt_socialicons">
<a href="http://www.facebook.com/####page url#######"target="blank">
<img
border="0"
src="https://lh5.googleusercontent.com/-Wg6R3S4r5JI/UbF-
4VJKR1I/AAAAAAAABDs/2PplXc_j1X8/s64-no/Facebook+jagged+edge.png"></a>
<a href="http://www.twitter.com/#####User name#######"target="blank">
<img
border="0"
src="https://lh5.googleusercontent.com/-3iBkoYvzlgg/UbGGPX4AkGI
/AAAAAAAABHM/AJQHPaO8IPM/s64-no/jagged+twitter.png"></a>
<a href="https://plus.google.com/######Page
id######/posts"target="blank">
<img
border="0"
src="https://lh6.googleusercontent.com/-fBPGk_pVrU0/UbF_QRttjTI
/AAAAAAAABE0/t2RiWvw-Vd8/s64-no/google+plus+jagged+edge.png"></a>
<a href="http://pinterest.com/######Page#######/"target="blank">
<img
border="0"
src="https://lh3.googleusercontent.com/-joZKqdP600s/UbF_fW3E6QI
/AAAAAAAABF8/Wr-GAEpZK00/s64-no/pinterest+jagged+edge.png"></a>
<a href="http://adminwidget.blogspot.in/feeds/posts/default"target="blank">
<img
border="0" src="https://lh3.googleusercontent.com/-rk3xOrnclFs/UbF_Yt7rnnI
/AAAAAAAABFY/QuutSV-0iUM/s64-no/RSS+jagged+edge.png"></a>
</p></center>
<small><div
style="font-size:50%; text-align:right;"><a href=" http://adminwidget.blogspot.in /2013/06/social-media-follow-me-buttons-for.html"
target="_blank" title="Get This
Widgets">Widget by ABT</a></div></small>
After Copy the Code Sing in your blogger account
Go to >> blogger Dashboard And click layout button
Go to Add a gadget and click on the box
Now copy the html code and paste here
Now save the html code
Don't forget to like us on facebook











0 comments:
Post a Comment