Tumblr Tutorials

<style><!--
BODY{
cursor: url('INSERT IMAGE ADRESS'), default }
}
-->
<!-- CURSOR CODE BY: ITSTHEMAE.TUMBLR.COM // CHOCCOPANDA.TUMBLR.COM -->
</style>

<script language="javascript">
var text='TEXT HERE';
var delay=40; // speed of trail
var Xoff=16; // pixel count from the left of the cursor (- values go to left)
var Yoff=0; // pixel count from the top of the cursor (- values go up)
var txtw=10;  // amount of pixel space each character occupies
var beghtml='<font color="#000000"><b>';  // optional html code that effects whole text string such as font color, size, etc.
var endhtml='</b></font>'; 
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

 <a href=LINK HERE SAYAKA>NAME HERE MIKI</a>

 <img src= IMAGE ADRESS>

<!--------------- TYPING/MOVING TITLE ----------------------->

<script type="text/javascript">
var rev = "fwd";
function titlebar(val)
{
var msg = "TITLE HERE";
var res = " ";
var speed = 100;
var pos = val;
msg = "TITLE HERE";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);}
else{
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);}}
else{
if(pos > 0){
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);}
else{
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}}}
titlebar(0);
</script>

 <link rel="shortcut icon" href="IMG ADRESS" />

#cornerplayer {
    z-index:999;
    width:30px;
    height:30px;
    border: 1px dashed #777;
    border-radius:30px 30px 30px 30px;
    -moz-border-radius:30px 30px 30px 30px;
    position:fixed;
    overflow:hidden;
    margin-top:-5px;
    margin-left:100px;
        -webkit-transition: opacity 0.8s linear;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
}

#icon {
    margin-left:1px;
    margin-top:9px;
        -webkit-transition: opacity 0.8s linear;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
}

#cornerplayer:hover #icon {
    margin-left:61px;
            -webkit-transition: opacity 0.8s linear;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
    }

#music {
    margin-left:-60px;
    margin-top:-20px;
            -webkit-transition: opacity 0.8s linear;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
}

#cornerplayer:hover #music {
    margin-left: -15px;
            -webkit-transition: opacity 0.8s linear;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
    }

<div id=”cornerplayer”><center>
<!—ICON URL GOES IN THE “IMG SRC “___”—>
<div id=”icon”><img src=”http://i45.tinypic.com/pod9e.gif”/></div>
<div id=”music”>
<!—MUSIC PLAYER CODE GOES HERE—>
</div><div></center>