Advertisement
hor4ny

Faded twitter button for tumblr

Jul 11th, 2012
1,240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.03 KB | None | 0 0
  1. Put this code under <style type="text/css">. Change right:-15px to the number that applies to your theme!
  2.  
  3. #twitter{
  4. top:25px;
  5. right:5px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  6. }
  7.  
  8. #twitter:hover{
  9. -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  10.  
  11.  
  12.  
  13.  
  14. Then put this under </body> tag in your theme's code. And of course change TWITTAHUSERNAMEHERE to your username c:
  15.  
  16. <div id="twitter"><a href="https://twitter.com/TWITTAHUSERNAMEHERE" class="twitter-follow-button" data-show-count="false">Follow @TWITTAHUSERNAMEHERE</a>
  17. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement