Custom Tumblr Controls

FOR LINKS AND EXTRA INFO, GO TO THE TUTORIAL ON MY THEME BLOG: http://lchiban.tumblr.com/post/79048564335/hello-could-you-repost-this-pretty-pretty-please

-----------------------------------------------------------

1. Replace the tumblr controls codes with this. They can be found above </style> or CTRL+F tumblr_controls:

{block:IndexPage}
#tumblr_controls {display:none;}
{/block:IndexPage}

{block:PermalinkPage}
iframe#tumblr_controls {
position: fixed !important;
right:0px !important;
-moz-transition: all 0.8s ease-out;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 0.5;}

iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 1;}
{/block:PermalinkPage}

-----------------------------------------------------------

2. Make a div id so we can position them. Put this anywhere in between <style> and </style> (I suggest above </style>). You can change “top” “right” to “bottom” “left” or just adjust them if you want them positioned elsewhere:

#tumblrcontrols{
position:fixed;
top:0px;
right:0px;
}

-----------------------------------------------------------

3. Now to make it visible. Put this under <body>:

<div id="tumblrcontrols">
<a href="http://www.tumblr.com/follow/blogname" ><img src="http://media.tumblr.com/tumblr_me6mt14hR81r66uyo.png"></a>
<a href="http://www.tumblr.com/dashboard" ><img src="http://media.tumblr.com/tumblr_me6mt8NxMB1r66uyo.png"></a>
</div>

(NOTE: Change blogname to your URL)