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ño2007.
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:


Codigos HTML para tumblr con tutoriales (Actualizo el post)
                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"
html




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


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


codigos

Este es el mio,  donde pongo los codigos HTML


personalizar

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.  

tumblr

Aqui os dejo  los codigos...

CODIGOS:


Poner un mensaje de bienvenida a los visitantes:






Aqui pon tu mensaje



Codigos HTML para tumblr con tutoriales (Actualizo el post)

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


html

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


cursor

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


personalizar


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


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>


tumblr

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


Codigos HTML para tumblr con tutoriales (Actualizo el post)

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/

html


 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: 
http://www.taringa.net/posts/info/7744353/megapost-de-codigos-html-para-tu-pagina-web.html

cursor


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

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