Codigos HTML para tumblr con tutoriales (Actualizo el blog): septiembre 2012

viernes, 28 de septiembre de 2012

Texto que se mueve de izquierda a derecha y viceversa.

1.- Ves a http://www.tumblr.com/customize, despues haz click en "Editar HTML".

2.- Localiza (Ctrl + f) esto:

<div id="content">

3.- Pega el siguiente codigo encima de: <div id="content"> . (Al ponerlo aqui te saldra debajo del header) :

</a>

<center><marquee direction="left" id="ejemplo"><span class="Apple-style-span" style="color: red;font-size: large;">TEXTO</span></marquee> <a href="javascript:void(0);"></a> <a href="javascript:void(0);"></a></center>

</div>

Clicka a la imagen para verla en grande

EDITALO:

-Sustituye TEXTO por lo que vayas a poner.

-Para cambiar el color del texto sustituye "red" por el color que quieras (green, blue, white, black, orange...)

-Para cambiar el tamaño del texto sustituye "large" por el tamaño deseado (big, small, medium)

-Para cambiar la direccion de deslizamiento sustituye "left" por "right".

miércoles, 19 de septiembre de 2012

Insertar un "Video destacado"

Para poner un video en tu tumblr, solamente tienes que copiar este codigo y pegarlo en tu tumblr:

<iframe width="227" height="205" src="http://www.youtube.com/embed/CODIGO" frameborder="0" allowfullscreen></iframe>

EXPLICO:

width="Tamaño de alto"

height="Tamaño de ancho"

CODIGO son las letras y números que estan entre watch?v= y &feature= en la URL de un video de youtube.

Ejemplo: http://www.youtube.com/watch?v=7niLK4bapo8&feature=share&list=UU9GGMlCHav48H2NBCaO74Hg

El codigo seria: 7niLK4bapo8

Quedaria asi el codigo:

<iframe width="227" height="205" src="http://www.youtube.com/embed/7niLK4bapo8" frameborder="0" allowfullscreen></iframe>

jueves, 13 de septiembre de 2012

Fondo nuevo cada vez que actualizas

1.-Ves a http://www.tumblr.com/customize, despues haz click en "Editar HTML".
2.-Localiza (Ctrl + f) esto:

<style type="text/css">{CustomCSS}</style>

</head>

<body>

3.-(Es el mismo sitio donde pones los botones laterales que cambian al pasar) Pega este codigo y pon la URL DE LA IMAGEN DEL FONDO donde te lo indica:



<script type="text/javascript">

var fondo= new Array()

fondo[0]="URL_IMAGEN_DEL_FONDO"

fondo[1]="URL_IMAGEN_DEL_FONDO"

fondo[2]="URL_IMAGEN_DEL_FONDO"

fondo[3]=" URL_IMAGEN_DEL_FONDO"

fondo[4]=" URL_IMAGEN_DEL_FONDO "

var random=Math.floor(6*Math.random());

document.write("<style>");

document.write("body {");

document.write(' background:url("' + fondo[random] + '") repeat center center;');

document.write("background-attachment:fixed;")

document.write(" }");

document.write("</style>");

</script>

Puedes poner mas imagenes solamente añadiendo un: fondo[5]="URL_IMAGEN_DEL_FONDO" hasta el número que quieras.

Ahora cada vez que se metan a una pagina de tu tumblr o actualicen la pagina donde esten, saldra un fondo al azar de entre los que has puesto.