Tumblr Tutorials!

Get Tumblr codes here!

Back to top button!

  • Copy and paste this code at the very top of your HTML:


<script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>

  • Then copy and paste this code below <style type="text/css">:
#toTop {
        display:none;
      text-decoration:none;
        position:fixed;
          bottom:10px;
            right:10px;
              overflow:hidden;
                width:51px;
                  height:51px;
                    border:none;
                      text-indent:-999px;
                        #toTopHover {
                              background:url(http://static.tumblr.com/amupxfx/4JZm550pg/1338886083_arrow_up_1.png) no-repeat left top;}
                                background:url(
                              width:51px;
                                height:51px;
                                  display:block;
                                    overflow:hidden;
                                      float:left;
                                        opacity: 0;
                                          -moz-opacity: 0;
                                            filter:alpha(opacity=0);}
                                              #toTop:active, #toTop:focus {
                                                outline:none;}
                                                • Update preview, save and then close and see if it works!
                                                Another thing!
                                                If you want to change the image, then go to iconfinder.com and search "arrows up". Download as PNG. Then upload it to the Tumblr uploader.
                                                Replace this:(http://static.tumblr.com/amupxfx/4JZm550pg/1338886083_arrow_up_1.png) with the URL you have been given!
                                                Then you are done!


                                                Mouse cursor!


                                                Want to get a free mouse cursor like the one here and in I heart stars x?!!!

                                                You came to the right place!

                                                Tumblr: choose a mouse cursor and copy and paste it underneath you description.
                                                Blogger: add a gadget: "Custom HTML", choose your fave cursor and copy and paste the code there in the HTML code.
                                                Mouse cursors to choose from:











                                                Cursor Preview:




                                                Cursor Code:

                                                <style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/graphics/cursors-cute/6.gif'), auto }</style>





                                                Cursor Preview:




                                                Cursor Code:

                                                <style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/graphics/cursors-cute/9.gif'), auto }</style>





                                                Cursor Preview:




                                                Cursor Code:

                                                <style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/graphics/cursors-cute/10.gif'), auto }</style>





                                                Cursor Preview:




                                                Cursor Code:

                                                <style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/graphics/cursors-cute/11.gif'), auto }</style>

                                                Want more? Go to dolliecrave.com! 
                                                Sparkling mouse!

                                                Do you want to get a mouse that leaves a trail of sparkles like this one here?
                                                Well, you can get one! 
                                                All you have to do is copy and paste this code underneath the '</style>':

                                                <a href=http://free-themes.info>Get Sparkling Mouse Here</a> | <a href=http://free-themes.info>More Layouts and Cursors Here</a>
                                                <script type="text/javascript">
                                                // <![CDATA[
                                                var colour="#B918C4";
                                                var sparkles=70;

                                                /******************************
                                                *  Tinkerbell Magic Sparkle   *
                                                * (c) 2005 mf2fm web-design   *
                                                *  http://www.mf2fm.com/rv    *
                                                * Generated at pnoyonline.com *
                                                * tumblr layouts - pnoyonline *
                                                * DON'T EDIT BELOW THIS BOX   *
                                                ****************************/
                                                var x=ox=400;
                                                var y=oy=300;
                                                var swide=800;
                                                var shigh=600;
                                                var sleft=sdown=0;
                                                var tiny=new Array();
                                                var star=new Array();
                                                var starv=new Array();
                                                var starx=new Array();
                                                var stary=new Array();
                                                var tinyx=new Array();
                                                var tinyy=new Array();
                                                var tinyv=new Array();

                                                window.onload=function() { if (document.getElementById) {
                                                  var i, rats, rlef, rdow;
                                                  for (var i=0; i<sparkles; i++) {
                                                    var rats=createDiv(3, 3);
                                                    rats.style.visibility="hidden";
                                                    document.body.appendChild(tiny[i]=rats);
                                                    starv[i]=0;
                                                    tinyv[i]=0;
                                                    var rats=createDiv(5, 5);
                                                    var rats=createDiv3(5, 5);

                                                    rats.style.backgroundColor="transparent";
                                                    rats.style.visibility="hidden";
                                                    var rlef=createDiv(1, 5);
                                                    var rlef=createDiv3(1, 5);
                                                    var rdow=createDiv(5, 1);
                                                    var rdow=createDiv3(5, 1);
                                                    rats.appendChild(rlef);
                                                    rats.appendChild(rdow);
                                                    rlef.style.top="2px";
                                                    rlef.style.left="0px";
                                                    rdow.style.top="0px";
                                                    rdow.style.left="2px";
                                                    document.body.appendChild(star[i]=rats);
                                                  }
                                                  set_width();
                                                  sparkle();
                                                }}

                                                function sparkle() {
                                                  var c;
                                                  if (x!=ox || y!=oy) {
                                                    ox=x;
                                                    oy=y;
                                                    for (c=0; c<sparkles; c++) if (!starv[c]) {
                                                      star[c].style.left=(starx[c]=x)+"px";
                                                      star[c].style.top=(stary[c]=y)+"px";
                                                      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
                                                      star[c].style.visibility="visible";
                                                      starv[c]=50;
                                                      break;
                                                    }
                                                  }
                                                  for (c=0; c<sparkles; c++) {
                                                    if (starv[c]) update_star(c);
                                                    if (tinyv[c]) update_tiny(c);
                                                  }
                                                  setTimeout("sparkle()", 40);
                                                }

                                                function update_star(i) {
                                                  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
                                                  if (starv[i]) {
                                                    stary[i]+=1+Math.random()*3;
                                                    if (stary[i]<shigh+sdown) {
                                                      star[i].style.top=stary[i]+"px";
                                                      starx[i]+=(i%5-2)/5;
                                                      star[i].style.left=starx[i]+"px";
                                                    }
                                                    else {
                                                      star[i].style.visibility="hidden";
                                                      starv[i]=0;
                                                      return;
                                                    }
                                                  }
                                                  else {
                                                    tinyv[i]=50;
                                                    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
                                                    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
                                                    tiny[i].style.width="2px";
                                                    tiny[i].style.height="2px";
                                                    star[i].style.visibility="hidden";
                                                    tiny[i].style.visibility="visible"
                                                  }
                                                }

                                                function update_tiny(i) {
                                                  if (--tinyv[i]==25) {
                                                    tiny[i].style.width="1px";
                                                    tiny[i].style.height="1px";
                                                  }
                                                  if (tinyv[i]) {
                                                    tinyy[i]+=1+Math.random()*3;
                                                    if (tinyy[i]<shigh+sdown) {
                                                      tiny[i].style.top=tinyy[i]+"px";
                                                      tinyx[i]+=(i%5-2)/5;
                                                      tiny[i].style.left=tinyx[i]+"px";
                                                    }
                                                    else {
                                                      tiny[i].style.visibility="hidden";
                                                      tinyv[i]=0;
                                                      return;
                                                    }
                                                  }
                                                  else tiny[i].style.visibility="hidden";
                                                }

                                                document.onmousemove=mouse;
                                                function mouse(e) {
                                                  set_scroll();
                                                  y=(e)?e.pageY:event.y+sdown;
                                                  x=(e)?e.pageX:event.x+sleft;
                                                }

                                                function set_scroll() {
                                                  if (typeof(self.pageYOffset)=="number") {
                                                    sdown=self.pageYOffset;
                                                    sleft=self.pageXOffset;
                                                  }
                                                  else if (document.body.scrollTop || document.body.scrollLeft) {
                                                    sdown=document.body.scrollTop;
                                                    sleft=document.body.scrollLeft;
                                                  }
                                                  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
                                                    sleft=document.documentElement.scrollLeft;
                                                sdown=document.documentElement.scrollTop;
                                                  }
                                                  else {
                                                    sdown=0;
                                                    sleft=0;
                                                  }
                                                }

                                                window.onresize=set_width;
                                                function set_width() {
                                                  if (typeof(self.innerWidth)=="number") {
                                                    swide=self.innerWidth;
                                                    shigh=self.innerHeight;
                                                  }
                                                  else if (document.documentElement && document.documentElement.clientWidth) {
                                                    swide=document.documentElement.clientWidth;
                                                    shigh=document.documentElement.clientHeight;
                                                  }
                                                  else if (document.body.clientWidth) {
                                                    swide=document.body.clientWidth;
                                                    shigh=document.body.clientHeight;
                                                  }
                                                }
                                                /******************************
                                                *        Modified by          *
                                                *      vernonvan.tumblr.com         *
                                                * Generated at theme-cursors.com *
                                                * theme layouts - vernonvan.tumblr.com*
                                                ****************************/
                                                function createDiv(height, width) {
                                                  var div=document.createElement("div");
                                                  div.style.position="absolute";
                                                  div.style.height=height+"px";
                                                  div.style.width=width+"px";
                                                  div.style.overflow="hidden";
                                                  div.style.backgroundColor=colour;
                                                  return (div);
                                                }

                                                // ]]>
                                                </script>
                                                You don't have to have the colour B918C4 (purple). Theres lots of colours you can have:
                                                #f50707 - RED
                                                #0008ff - BLUE
                                                #00ff17 - GREEN
                                                #ff008c - PINK
                                                #fff700 - YELLOW
                                                or you can have: 'rainbow'!
                                                To change colour, replace the "#B918C4"; with the colour you want!

                                                No comments:

                                                Post a Comment

                                                Subscribe to: Posts (Atom)