Codigos HTML para tumblr con tutoriales (Actualizo el post)

Bienvenido a mi post de CODIGOS PARA TUMBLR


MUCHOS MÁS CODIGOS CON TUTORIALES EN MI BLOG: http://codigoshtmlparatumblr.blogspot.com.es/

Para los que no sepan que es tumblr:


Tumblr es una plataforma de  microblogging  que permite a sus usuarios publicar textos, imágenes, vídeos, enlaces, citas y audio a manera de  tumblelog . Fue fundada por  David Karp  en el año 2007 .
Los usuarios pueden «seguir» (follow) a otros usuarios registrados y ver las entradas de éstos conjuntamente con las suyas, por lo cual Tumblr puede ser considerado una  herramienta social . El servicio enfatiza la facilidad de uso y personalización.A mediados de  2011 , Tumblr superó en cantidad de  blogs  a su competidora  WordPress . Así también el mismo año, Tumblr lanza por un periodo de dos meses la versión BETA de "Tumblr en Español", en donde a diversos usuarios hispanohablantes les envió una invitación. Dos meses después, Tumblr oficializa la versión en Español, enviando un mensaje a todos sus usuarios hispanoparlantes que migraran a esta nueva versión.


Primero create una cuenta:



                 http://www.tumblr.com/




Como poner los codigos: 

Paso 1: Ves al dashboard (la página que te sale cuando inicias sesión) y le das a "Personalizar apariencia"





Paso 2: Te saldra un menú clicka a "Editar HTML"
 


Una vez alli ves poniendo los codigos html en el lugar que quieras que parezcan.




Este es el mio,  donde pongo los codigos HTML




Os explico como funciona la barra a la derecha
de algunos temas de tumblr (los más comunes)


En los codigos HTML empieza desde: <div id="sidebar">
(Desde la imagen de usuario hasta el ultimo contenido de la barra) Si no lo encuentras en tus codigos HTML Pulsa: "ctrl + F"  y pon... <div id="sidebar">  Hay veras todos tus codigos (La barra de busqueda, preguntas, envia un post) pues podeis poner el codigo que querais apartir de aqui. Las cosas saldran en el mismo orden que pongas sus respectivos codigos. Y solamente saldran en los temas que tenga una barra lateral, <script type="text/javascript">window.onload= loaded;function loaded(){alert('');}</script>Donde pone:(o buscalo manualmente)



NOTA:DEPENDE DEL TEMA QUE USES PUEDES PONER LOS CODIGOS DE UNA MANERA U OTRA, PERO ESTE TUTORIAL LO PUEDES TOMAR DE BASE PARA TODOS LOS TEMAS DE TUMBLR.  



Aqui os dejo  los codigos...

CODIGOS:


Poner un mensaje de bienvenida a los visitantes:






Aqui pon tu mensaje





Purpurina que suelta el ratón al pasarlo por tu tumblr


 var colour="random";      
Es el color de la purpurina, aqui os dejo un pagina con todos. Por defecto esta en aleatorio (random)

Metete en esta pagina y copia y pega el codigo HTML:  http://www.mf2fm.com/rv/dhtmltinkerbell.php

Los colores RGB: http://www.pagaelpato.com/tecno/colores.htm




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

Os explico como va la barra a la derecha de tu tumblr (en el tema redux):
En los codigos HTML empieza desdeDesde la imagen de usuario hasta el ultimo contenido de la barra) Si no lo encuentras en tus codigos HTML pretay pon en el recuadro de busqueda: 

 <div id="sidebar">  "ctrl + F" 
<div id="sidebar">
----------------------------------------------------------------------------------------------------------

 Metete a MI tumblr y lee el este apartado ahí ( Taringa! no me deja ponerlo aqui =S )

http://lostumblrykenny.tumblr.com/post/20521154159/no-me-sale-ask-ni-nada

Y YA ESTA!!




Una barra de menú:


<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="http://2.bp.blogspot.com/_jE-bvx9zerg/TTb91dG4h-I/AAAAAAAAAD8/Y2N4wQ7W9GQ/s1600/tumblr.png" 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


Asi quedaria:






BANNER:


Banner: 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 ( GIF ,  JPEG  o  PNG ), o con animaciones creadas a partir de tecnologías como  Java ,  Adobe Shockwave  y, fundamentalmente,  Flash . Están diseñados con la intención de llamar la atención, resaltar notorios y comunicar el mensaje deseado. 


Os explico como va la barra a la derecha de tu tumblr (en el tema redux):
En los codigos HTML empieza desdeDesde la imagen de usuario hasta el ultimo contenido de la barra) Si no lo encuentras en tus codigos HTML pretay pon en el recuadro de busqueda:  para poner donde quieras el banner,


Pulsa: "ctrl + F"  y pon... (o buscalo manualmente)<div id="sidebar">   
Hay veras todos tus codigos del menú lateral
(la barra de busqueda, preguntas, envia un post)pon este codigo:

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

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



Pagina donde te salen un monton de cursores ya listos, Espero haberos ayudado en lo del banner, me gusta resolver los problemillas de gente, a mi tambien me ayudaron en mi tumblr =D. 

Aqui os dejo mi banner, si me envias el tuyo podemos hacer un intercambio de banners.


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




Header (Imagen de cabecera): 

 <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 eljir la imagen de tu PC




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>

elijes uno y le pones la pestaña de tumblr en vez de "universal" y poneis la opcion 3 (en categorias hay tutoriales): 

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




 Y PARA QUE LO VISITEIS Y ME SIGAIS SI OS GUSTA:AQUI OS DEJO MI TUMBLR PARA QUE VEAIS COMO QUEDAN LOS CODIGOS UNA VEZ PUESTOS,

                       http://lostumblrykenny.tumblr.com/

             Si quieres enviarme algo (imagenes, gifs, videos, tu blogger...) lo publicare en mi página:                                                SUBE ALGO (Click aqui) 

AQUI OTRA POST MIO CON MÁS CODIGOS HTML: 





Bueno...... eso fue todo..... pero antes ....

NO DUDES EN SEGUIRME SI QUIERES VER LOS MEJORES MEGAPOST (HAY DE TODO TIPO ...celular, imagenes, 3d, juegos...)