Friday, 13 June 2014

Social site connecting Rotate Style buttons for blogger or website

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

visitor

 
- See more at: http://adminwidget.blogspot.in/2014/06/how-to-add-next-previous-numbered.html#.U60N95SSyKQ