miércoles, 5 de diciembre de 2012

Cambiar el fondo de los posts.


Te lo explico en el tema Redux pero lo puedes tomar de base para cualquier otro tema.

Busca con el comando (ctrl + f).

 #wrapper #content .post {


Y debajo veras este código:
background: #fff;

Sustituye fff por el codigo del color que quieras usar como fondo.
En esta pagina puedes ver el codigo de todos los colores: http://html-color-codes.info/codigos-de-colores-hexadecimales/

EJEMPLO:


  #wrapper #content .post {
  font-family: {font:Body};
  background: #20EDFF;
  padding: 10px;
  position: relative;
                }

Inicialmente estaría así:




Tras editarlo se quedaría así:



Si quieres poner una imagen de fondo en vez de un color, pon este código:

 #wrapper #content .post {
 font-family: {font:Body};
 background: url('URL DE IMAGEN ENTRE LAS COMILLAS');
 padding: 10px;
 position: relative;
 }
         
La imagen que pongas también puede ser un gif. 


Colocar bordes.

Te lo explico en el tema Redux pero lo puedes tomar de base para cualquier otro tema.

Puedes añadir los bordes añadiendo este código a cualquier sección:
border-radius: 10px 10px 10px 10px;
border: 4px solid #000; 
box-shadow: 0 0 5px 5px rgba(0,177,223,1);

--La primera línea redondea los bordes, edita los "px", a más "px" más redondo será (tienen que ser las cuatro cifras iguales). Si quieres bordes cuadrados, ponlo todo a 0.  border-radius: 0px 0px 0px 0px;

EJEMPLOS:


#wrapper #sidebar #top {

border-radius: 60px 60px 60px 60px;



         -           -             -            -          -

#wrapper #sidebar #top {

border-radius: 120px 120px 20px 120px;



--La segunda añade un borde negro de 4 px (puedes modificar el tamaño y el color)

--La tercera básicamente añade un borde de 5 px con el color y la opacidad que le pongas. El color tiene que ser en rgba.
(La opacidad va de 0 a 1, escalando de 0.1 en 0.1. Por ejemplo, si quieres que se vea muy transparente usa 0.2)

Para conseguir los colores rgb puedes usar el photoshop (en su paleta de colores) o usar esta página: http://html-color-codes.info/codigos-de-colores-hexadecimales/


Se puede añadir bordes de la página centralmenús de la derechapágina actual de la paginación y a las demás paginas (de la paginación).

Busca cada sección con el comando (ctrl + f).

Página central:
#wrapper #content .post {
Menús de la derecha:
#wrapper #sidebar #top {
Página actual de la paginación:
#wrapper #content #navigation.jump_pagination .current_page {
Demás páginas (de la paginación):
#wrapper #content #navigation.jump_pagination a {

Por ejemplo si queremos editar la página central:
Veras un código que inicialmente estaría así:
#wrapper #content .post {
 font-family: {font:Body};
 background: #fff;
 padding: 10px;
 position: relative;
 }



Tras añadir los bordes quedaría así:
#wrapper #content .post {
border-radius: 10px 10px 10px 10px;
 border: 4px solid #000; 
 box-shadow: 0 0 5px 5px rgba(0,1707,2023,10);
 font-family: {font:Body};
 background: #90EDFF;
 padding: 10px;
 position: relative;
 }



sábado, 1 de diciembre de 2012

Añadir "Ask" y "Submit" (Peguntas y aportes)

Para poder hacer que nos pegunten y aporten a nuestor tumblr, NO TENDREMOS QUE HACER NADA DE CODIGOS HTML.

PASOS:

1.- Ves a: https://www.tumblr.com/settings

2.- Elige el tumblr en el que quieras hacer los cambios (Si tienes 2 o más blogs)

3.- Selecciona las dos casillas, la de "Preguntas" y la de "Colaboraciones".

Una vez aquí también puedes elegir si las opciones de:
Las preguntas: Permitir preguntas anónimas y el titulo.
Las colaboraciones: Titulo, normas, los tipos de publicaciones (texto, fotos, cita, enlaces y videos) y las etiquetas (a elegir entre las que permitas tu ) que saldran directamente en la publicación que te manden.


4.- Guarda los cambios.

A parte en https://www.tumblr.com/settings puedes editar más cosas de tu tumblr.

sábado, 3 de noviembre de 2012

Botón para que suban aportes a tu tumblr


Puedes colocar este código en un post o en una subpagina de tumblr.

<p><iframe frameborder="0" height="500" id="submit_form" scrolling="no" src="http://www.tumblr.com/submit_form/NOMBRE_DE_TU_TUMBLR.tumblr.com" width="100%"></iframe>&nbsp;</p>
<p><iframe frameborder="0" height="25" id="tumblr_controls" scrolling="no" src="http://assets.tumblr.com/iframe.html?10&amp;src=http%3A%2F%2FNOMBRE_DE_TU_TUMBLR.tumblr.com%2Fsubmit&amp;lang=es_ES&amp;name=NOMBRE_DE_TU_TUMBLR" width="330"></iframe></p>
<!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]-->
<script type="text/javascript">// <![CDATA[
// <![CDATA[
_qoptions={qacct:"p-19UtqE8ngoZbM"};
// ]]]]><![CDATA[>
// ]]></script>
<script src="http://edge.quantserve.com/quant.js" type="text/javascript"></script>

------------------------------------------------------------------------------------------------
Pon el nombre de tu tumblr donde te lo indica.
EJEMPLO: http://lostumblrykenny.tumblr.com/ pondrías: lostumblrykenny

Al poner este código, te saldrá esto:

HE USADO ESTE CÓDIGO:


<p><iframe frameborder="0" height="500" id="submit_form" scrolling="no" src="http://www.tumblr.com/submit_form/lostumblrykenny.tumblr.com" width="100%"></iframe>&nbsp;</p>
<p><iframe frameborder="0" height="25" id="tumblr_controls" scrolling="no" src="http://assets.tumblr.com/iframe.html?10&amp;src=http%3A%2F%2Flostumblrykenny.tumblr.com%2Fsubmit&amp;lang=es_ES&amp;name=lostumblrykenny" width="330"></iframe></p>
<!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]-->
<script type="text/javascript">// <![CDATA[
// <![CDATA[
_qoptions={qacct:"p-19UtqE8ngoZbM"};
// ]]]]><![CDATA[>
// ]]></script>
<script src="http://edge.quantserve.com/quant.js" type="text/javascript"></script>



viernes, 2 de noviembre de 2012

Imagen que te redireccione a una página (CATEGORÍAS)



<a href="URL_DE_LA_PÁGINA"><img src="IMAGEN_QUE_TE_LLEVA_A_LA_PAGINA" width=220 height=220" /></a>

Solamente rellenar con las datos que te pide. La URL de la página a la que te lleva y la URL de la imagen.

EDITA EL TAMAÑO DE LA IMAGEN:
widht=ANCHO
height=ALTO





--------------------------------------------------------------------------
También puedes usar este código para crear categorías. 



Metodo 2: 

Puedes crear una categoría en tu tumblr que solamente salgan aportes de un tema especifico. Como hago yo (Gifs, videos, memes...). Con este código puedes crear una:

<a href="http://lostumblrykenny.tumblr.com/tagged/EJ:fotos"><img src="IMAGEN_QUE_TE_LLEVE_A_LA_PAGINA" width=220 height=220" /></a> 

Explico:


Cuando a una publicación le pones una etiqueta se guarda como en una especie de apartado o categoría en la que estan todas las publicaciones con esa etiqueta. EJEMPLO: fotos

Así todas las publicaciones tuyas que tengan las etiqueta "fotos" irán a: 
http://(AQUI NOMBRE DE TU TUMBLR).tumblr.com/tagged/fotos 

Después pones la URL de la imagen que quieras, al clickarla te llevara a esa pagina.


Si quieres que al pasar el ratón por encima de la imagen cambie leete: 

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:


<!--fondo-->

<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>

<!--fin fondo-->


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.

viernes, 24 de agosto de 2012

COLOCAR UNA IMAGEN DEBAJO DE LA DESCRIPCIÓN


Ves a tus códigos HTML y preta "ctrl+F" , en el cuadro de búsqueda que aparece pon: 
<meta name="description" content=
Justo debajo de esa frase (que es tu descripción) pega este código, poniendo la URL de la imagen que quieras donde te indico:

<img border="0" src="URL_DE_LA_IMAGEN_QUE_QUIERAS" />

No quites las comillas. Puedes pegar este codigo en cualquier parte de tus codigos HTML, depende donde lo pongas te saldra en una parte u otra de tu tumblr.

Cursor del ratón personalizado

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(Aqui la URL de la imagen que escogas), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Tumblr Cursors"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tumblr Cursors" style=position:absolute;top:0px;right:0px; /></a>

------------------------------------------------------------------------------------------------------------------------------------------------
Métete al link de abajo, elijes uno y le pones la pestaña de tumblr en vez de "universal" y poneis la opción 3 (en "categorias" de la pagina hay tutoriales): 

http://www.cursors-4u.com/

lunes, 6 de agosto de 2012

Script para destruir tu web con una nave (juego para los visitantes)



Os explico como va la barra a la derecha de tu tumblr 
(en el tema redux) :

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

<li><a href="javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='http://erkie.github.com/asteroids.min.js';void(0);"><span class="icon vimeo">      



<img class="pushbutton4" src="IMAGEN_QUE_AL_CLICKARLA_INICIA_EL_SCRIPT" /></a>

Header (Imagen de cabecera) :

CODIGO:

 <a href="/"title=""><img id="banner"   Titulo de tu tumblr
  src="URL de la imagen que escojas" alt="banner"/></a>

Aunque algunos temas vienen con un botón de header que solo tienes que elegir la imagen de tu PC



DISEÑA TU HEADER:


En el photoshop diseña tu propio encabezado o en el paint pon un texto con el titulo de tu tumblr. En la mayoría de los temas se puede elegir la imagen de titulo que tienes en tu ordena. Si no la subes a Internet desde http://imgur.com/

Tambien puedes...
Crear un titulo online desde:
Y más paginas que podrás encontrar 

sábado, 28 de julio de 2012

Crear páginas en tu tumblr

Metete a tu tumblr y dale a "personalizar" (en la esquina de arriba) y ahí puedes crearte paginas dentro de tu tumblr y poner todo lo que quieras. AQUI:


Llama a la pagina como quieras y selecciona la casilla de "Mostrar un enlace a esta pagina" para que se puedan meter desde tu tumblr.


ATENCIÓN: En estas paginas puedes poner imágenes y textos pero los visitantes de tu tumblr solo pueden ver el contenido, sin rebloguear nada.

viernes, 27 de julio de 2012

Botón de subir

Para buscar una etiqueta más rápido en tus códigos HTML preta ctrl+F y en el cuadro de búsqueda pon lo que quieras buscar.

Antes de la etiqueta </style> añade el siguiente código:
/* CSS Botón Ir arriba */
#scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; top: 20px; right: 20px; }

Antes de la etiqueta </head> añade el siguiente código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>

Por último, antes de la etiqueta </body> añade el siguiente código:
<------ Botón de subir ------>
<a href="#" id="scrollToTop"><img src="URL_IMAGEN" title="TEXTO_QUE_SALDRA_AL_PASAR_EL_RATÓN" /></a>


Lo que está en rojo lo sustituyes (sin quitar las comillas) por lo que te indica.


Si LO QUIERES EN BLOGGER: http://ciudadblogger.com/2012/03/boton-ir-arriba-con-jquery-que-aparece.html



martes, 17 de julio de 2012

Botones laterales que cambian al pasar el ratón por encima

Con este código podrás poner una imagen al lateral de tu tumblr que al clickarla te redireccione a una pagina y al pasar el ratón por encima salga una segunda imagen que has elegido.


Botón a la izquierda
Código:
<a href="URL_de_la_pagina_al_clickarla"><img src="URL_IMAGEN_1" onmouseover="this.src='URL_IMAGEN_2';" onmouseout="this.src='URL_IMAGEN_1';" style="position: fixed; top: 40%; left: 0;"/></a>

Botones a la derecha
Código:
<a href="URL_de_la_pagina_al_clickarla"><img src="URL_IMAGEN_1" onmouseover="this.src='URL_IMAGEN_2';" onmouseout="this.src='URL_IMAGEN_1';" style="position: fixed; top: 32%; right: 0;"/></a>


URL_de_la_pagina_al_clickarla: La página que se abrirá al pulsar el botón.
URL_IMAGEN_1: La URL de la imagen que se muestra cuando NO se pone el ratón por encima.
URL_IMAGEN_2: La URL de la imagen que se muestra cuando se pone el ratón por encima.

Para elegir donde poner el botón solamente edita el % que esta después de position: fixed; top:



EJEMPLOS:
Creador de memes:


<a href="http://lostumblrykenny.tumblr.com/creador%20de%20memes"><img src="http://i.imgur.com/lueJ2.png" onmouseover="this.src='http://i.imgur.com/DD47I.png?1?8344';" onmouseout="this.src='http://i.imgur.com/lueJ2.png';" style="position: fixed; top: 15%; left: 0;"/></a>



Blogger:

<a href="http://codigoshtmlparatumblr.blogspot.com.es/"><img src="http://www.soloelectronica.net/AYUDA_128.png" onmouseover="this.src='http://desmond.imageshack.us/Himg215/scaled.php?server=215&filename=bloggerqz.png&res=crop';" onmouseout="this.src='http://www.soloelectronica.net/AYUDA_128.png';" style="position: fixed; top: 85%; left: 0;"/></a>


Twitter:

<a href="https://twitter.com/#!/Lostumblrykenny"><img src="http://i.imgur.com/if6vT.png?1?9494" onmouseover="this.src='http://www.mellamoadrian.com/wp-content/themes/mandigo/images/icons/twitter-sigueme.png';" onmouseout="this.src='http://i.imgur.com/if6vT.png?1?9494';" style="position: fixed; top: 30%; right: 0;"/></a>


Youtube: 

<a href="http://www.youtube.com/user/FunGamer013"><img src="http://alexisrh76.files.wordpress.com/2011/12/youtubelogo.png?w=64&h=64" onmouseover="this.src='http://www.miprimeracorde.com/images/youtube.png';" onmouseout="this.src='http://alexisrh76.files.wordpress.com/2011/12/youtubelogo.png?w=64&h=64';" style="position: fixed; top: 55%; right: 0;"/></a>

Banner


Os explico como va la barra a la derecha de tu tumblr 
(en el tema redux) :

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

Un banner (en español: banderola) es un formato publicitario en Internet. Esta forma de publicidad online consiste en incluir una pieza publicitaria dentro de una página web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión.Los banners se crean con imágenes (GIFJPEG o PNG), o con animaciones creadas a partir de tecnologías como JavaAdobe Shockwave y, fundamentalmente, Flash. Están diseñados con la intención de llamar la atención, resaltar notorios y comunicar el mensaje deseado. 


Ves a "Editar HTML" y pulsa: "ctrl + F"  y pon... <div id="sidebar">  
(o buscalo manualmente)

Hay veras todos tus codigos del menú lateral
(la barra de busqueda, preguntas, envia un post) pon este codigo:

<a href="URL_del_banner"><img src="URL_de_la_imagen_del_banner" width="230" height="70" title="Nombre_del_tumblr" style="border:0"/></a>

Para editar las dimensiones del banner cambiar   
width="230" height="70"por las cifras que queráis.



Puedes crear varias imagenes con el mismo tamaño y crear un gif con esta web: http://picasion.com/


Aqui os dejo mi banner, como ejemplo de cómo quedaría:

<a href="http://lostumblrykenny.tumblr.com/"><img src="http://i.imgur.com/FaVN8.png" alt="Si te gustan los tumblr no te muevas de este" width="230" height="70" title="Los tumblr y kenny" style=border:0/></a>




sábado, 7 de julio de 2012

Aquí algunos consejillos para tumblr:


1.-Publica diariamente, y para las horas que no estes conectado deja publicaciones en la cola.

2.-Comenta, manda aportes, haz preguntas, rebloguea, etc. Para interactuar con otros usuarios.

3.-Consigue tumblrs con tus mismas visitas, ponle un banner y que el te ponga a ti, y asi poco a poco ir subiendo entre tus colegas o gente a la que publicites.

4.-Edita tu tumblr a mejor siempre que puedas, con nuevos codigos HTML y fondos.

5.-Interactua con tus seguidores. Y con quien no te sigue, gracias a tu ayuda ganaras seguidores y así visitas.

ESPERO QUE TE HAYA SIDO DE AYUDA, UN SALUDETE.

AQUÍ MÁS: http://codigoshtmlparatumblr.blogspot.com/2013/05/15-consejos-para-optimizar-tu-blog-de.html

lunes, 2 de julio de 2012

Una barra de menú:

Os explico como va la barra a la derecha de tu tumblr 
(en el tema redux) :


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

<ul id="page-bar"><li><a href="/"><img src="URL_DE_LA_IMAGEN" width="51px" height="40px"/> Home</a></li>  <li><a href="/ask"><img src=" URL_DE_LA_IMAGEN " width="40px" height="40px"/> Pregunta</a></li>   <li><a href="/submit"><img src=" URL_DE_LA_IMAGEN " width="40px" height="40px"/>Sube tu post </a></li><li><a href="/random"><img src=" URL_DE_LA_IMAGEN " width="40px" height="40px"/>Aleatorio</a></li><li><a href="/archive"><img src="http://etechman.edublogs.org/files/2011/08/carpeta-2jaynds.png" width="50px" height="40px" /> Archivo</a></li><li><a href="http://www.tumblr.com/follow/URL_DE_TU_TUMBLR"><img src=" URL_DE_LA_IMAGEN " width="40px" height="40px"/>Sígueme</a></li>                  </ul><div class="clear"></div>                           </center>


Despues de: 

src= Tienes que poner la url de la imagen que quieres que salga, entre las comillas

width= ancho de la imagen, entre las comillas y sin quitar px

height= alto de la imagen, entre las comillas y sin quitar px

href=   Para cada botón se pone una cosa, entre las comillas:
Pagina principal --> /
Preguntas -->  /ask
Aportes --> /submit
Aleatorio --> /random
Archivos --> /archive
Sigueme -->  http://www.tumblr.com/follow/URL_DE_TU_TUMBLR

Asi quedaria:



ESTE ES SU CODIGO:
<ul id="page-bar"><li><a href="/"><img src="http://cdn1.iconfinder.com/data/icons/glaze/128x128/filesystems/folder_home.png" width="51px" height="40px"/> Home</a></li>  <li><a href="/ask"><img src="http://dnborgir.***/images/linux.png" width="40px" height="40px"/> Pregunta</a></li>   <li><a href="/submit"><img src="http://eurekall.com/wp-content/uploads/2011/03/descargas.png" width="40px" height="40px"/>Sube tu post </a></li><li><a href="/random"><img src="http://www.winbots.es/games.png" width="40px" height="40px"/>Aleatorio</a></li><li><a href="/archive"><img src="http://etechman.edublogs.org/files/2011/08/carpeta-2jaynds.png" width="50px" height="40px" /> Archivo</a></li><li><a href="http://www.tumblr.com/follow/lostumblrykenny"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_YVRDq_EkkQIIpmXxmzTqGDF-zoaCijZ1jrp4HFRwZGnl1T7xLxr7eaTf5OVSRnA4BUJZjYtNIP6Phb8kid4r_hCXuLjErrelSyumN9S_abi4QE0khCM9Ykk4PQRL7NPMvwNHtLY5yvU2/s1600/tumblr.png" width="40px" height="40px"/>Sígueme</a></li>                  </ul><div class="clear"></div>                           </center>

domingo, 1 de julio de 2012

Botones que cambian al pasar el ratón por encima:

Se suelen poner en los temas que tiene una columna lateral a la derecha, izquierda o en ambos lados. 
Os explico como va (en el tema redux) :

En los codigos HTML la columna lateral empieza desde la imagen de usuario hasta el ultimo contenido de la barra) Si no lo encuentras en tus códigos HTML preta 
"ctrl + F"  y pon en el recuadro de búsqueda

<div id="sidebar">


LEETE:  http://codigoshtmlparatumblr.blogspot.com.es/2012/07/barra-lateral-de-algunos-temas-de.html 
----------------------------------------------------------------------------------------------------------


Pega este codigo HTML:


<script language=”JavaScript”>
function cambiar (flag,img) {
if (document.images) {
if (document.images[img].permitirloaded) {
if (flag==1) document.images[img].src = document.images[img].permitir.src
else document.images[img].src = document.images[img].permitir.oldsrc
}
}
}
function preloadcambiar (img,adresse) {
if (document.images) {
img.onload = null;
img.permitir = new Image ();
img.permitir.oldsrc = img.src;
img.permitir.src = adresse;
img.permitirloaded = true;
}
}
</script>
<center><div id= “menu”>


<a onmouseover=”cambiar(1,’IMG1’);” onmouseout=”cambiar(0,’IMG1’);” href=”http://smile-smile-smile-forever.tumblr.com/ask“>
<img border=”0” src=”Imagen_que_saldra_para_clickarle” onload=”preloadcambiar(this,’Imagen_que_saldra_al_pasar_el_raton_por_encima’);” name=”IMG1”/></a>


Te explico como va:

Tienes que rellenar las comillas en negrita con lo que te dice, y si quieres poner mas botones (ask, submit, random, etc) solo tienes que poner la URL que quieras que te redireccione, en el primer parrafo.


Un error muy común en esto es no numerar las categorías.
TE EXPLICO. 
El código de las categorías contiene 3 veces `IMG1´. Date cuenta que al poner la 2ª categoría (o la que sea) tendrás que cambiar los tres "1" por un 2 (o el número que quieras) y siempre tienen que ser los tres números iguales en los dos párrafos.

MIRA ESTA IMAGEN:

Los tres números después de "IMG" son 7. Y en la siguiente categoría son los tres números 6.




Si quieres que al pasar el ratón por encima de la imagen no 

cambie o como crear categorías leete: 
http://codigoshtmlparatumblr.blogspot.com.es/2012/11/imagen-que-te-redireccione-una-pagina.html



Si quieres creear categorias con estos codigos leete: 

http://codigoshtmlparatumblr.blogspot.com.es/2012/11/imagen-que-te-redireccione-una-pagina.html