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ñ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...)














Fuentes de Información - Codigos HTML para tumblr con tutoriales (Actualizo el post)

El contenido del post es de mi autoría, y/o, es un recopilación de distintas fuentes.

Dar puntos
346 Puntos
Votos: 60 - T!score: 6/10
  • 14 Seguidores
  • 119.465 Visitas
  • 70 Favoritos

Comentarios Destacados

@tag12 Hace más de 2 años +5
ROACHVL dijo:we para eso hay manuales

si sabes que hay manuales para que estas en taringa
saludos y buen poist, yo tambien quise hacerme una cuenta en tumblr y hacerla una comunidad, pero ya no me daba tiempo para buscar admins, y luego me venian muchas ideas de lo que trataria, y pues ahorita despues de mucho darle al coco me he decidido hacerme un blog de interes social y donde yo subo mi propia musica y demas, sera un gusto seguirte, tu si eres de inteligencia colectiva
@kenny97 Hace más de 2 meses
GRACIAS, Tardo en responder jaja pero siempre me alegra saber que mis tutoriales les sirven a la gente.

19 comentarios - Codigos HTML para tumblr con tutoriales (Actualizo el post)

@ROACHVL Hace más de 2 años -22
we para eso hay manuales
@tag12 Hace más de 2 años +5
ROACHVL dijo:we para eso hay manuales

si sabes que hay manuales para que estas en taringa
saludos y buen poist, yo tambien quise hacerme una cuenta en tumblr y hacerla una comunidad, pero ya no me daba tiempo para buscar admins, y luego me venian muchas ideas de lo que trataria, y pues ahorita despues de mucho darle al coco me he decidido hacerme un blog de interes social y donde yo subo mi propia musica y demas, sera un gusto seguirte, tu si eres de inteligencia colectiva
@kenny97 Hace más de 2 meses
GRACIAS, Tardo en responder jaja pero siempre me alegra saber que mis tutoriales les sirven a la gente.
@martylimon Hace más de 2 años
te doy +10 si me dices donde poner los codigo en q lugar exacto
@lagrimas_de_bufon Hace más de 2 años
Hola... Algo tarde escribo (? Sabes como hacer que lo que escribo en la descripcion quede en el medio y no a la izquierda?
@el_super_tolulo Hace más de 2 años
Hermano como haces para tener tu banner arriba ... no tan arriba osea esq si lo pongo arriba de &lt;/head&gt; me va arriba de todo y sino abajo de todo y ahi yo no lo quiero . Gracias
@TheGotex123 Hace más de 2 años
amigo, como le haces para poner esa flechita que esta al costado derecho que si la apretas sube al inicio de la pagina? xd
@Alejandro-D Hace más de 2 años
amigo, soy dibujante, y me gustaría agregar a mi tema de tumblr una opción en la cual pueda subir solo mis dibujos, y que la gente pueda verlos, algo así como una carpeta aparte de todo lo que yo rebloguee.

lo he visto en otros tumblrs, pero me gustaría agregarlo al mio, te dejo el link

http://deathless-----creative-----mind.tumblr.com/



en mi pagina en tumblr aparece:

home message submit archive theme

me gustaría agregar uno adicional que diga por ejemplo: &quot;Dibujos&quot;


no se si puedas ayudarme, pero gracias de antemano... mándame un MP si lo haces, te dejaré puntos y te seguiré.

Desde mi tumblr puedes conseguir el código HTML y lo editas, y luego me dices que debo agregar. se que es algo simple pero tengo muy poco conocimiento de informática xD

Saludos amigo. buen post
@Thee_Misteer Hace más de 1 año
No entiendo.. ya que esta un poco cambiado Tumblr D: actualiza
@kenny97 Hace más de 1 año
Esta actualizado y con muchos mas posts en mi blog:
http://codigoshtmlparatumblr.blogspot.com.es/
@tamiii_vla Hace más de 1 año
Esta actualizado?? Tengo ganas de configurar mi tumblr
@kenny97 Hace más de 1 año +1
Si, se puede usar cualquier código.

Para más cosillas mírate mi blog: http://codigoshtmlparatumblr.blogspot.com.es/
@tamiii_vla Hace más de 1 año
@kenny97

OK!! mas luego paso
@Aylii10 Hace más de 1 año
Hola! Una consulta, se pueden ponder más de un efecto a la vez? Porque intenté pero queda uno solo
@kenny97 Hace más de 1 año
mas de un efecto donde? En los codigos HTML? SI, todos los que quieras
@ZAZxD Hace más de 9 meses
Parece bueno, mas tarde lo leo, gracias por el aporte
@sebastiancarpiov Hace más de 9 meses
tengo una duda
en donde coloco los codigos de ''atras y adelante''?