lunes, 22 de julio de 2013

Añadir sidebar (columna lateral) a un tema que no lo tiene.

  • Paso 1: Ves a http://www.tumblr.com/customize para editar tu tumblr.

    Paso 2: Haz clic en “Editar HTML” para poder editar tu tumblr mediante códigos HTML.

    Paso 3: Busca (ctrl+f)  <style type="text/css">  y añade algunas líneas en blanco pulsando la tecla "Enter".
    Paso 4: Agrega el siguiente código en tu tema, debajo de la etiqueta <style type="text/css"> :
    #sidebar {
    float:left;
    width:250px;
    height:100%;
    }
    Paso 5: Cambia el "float: left" a "float: right" si deseas tener la barra lateral a la derecha de tu Tumblr. Ajusta el valor de "width" para cambiar el ancho a tu gusto.
    Paso 6: Busca la etiqueta <div id="wrapper"> debajo de la sección <body> y añade algunas líneas en blanco pulsando la tecla "Enter".
    Paso 7: Escribe lo siguiente en el área en blanco que acabas de crear:
    <div id="lateral">
    Paso 8: AQUÍ IRÁN TODOS LOS CÓDIGOS HTML QUE QUIERAS AÑADIR. Pulsa la tecla "Enter" para ir a la línea siguiente. Añade cualquier tipo de código HTML o el contenido que deseas mostrar en la barra lateral inmediatamente después de la etiqueta.

    <div id="lateral">
    Paso 9: Cierra el sidebar escribiendo </div>  después de la última parte del contenido sidebar.
    Paso 10: Guarda el tema. Cada vez que hagas un cambio en tu tema recomiendo que lo guardes en un documente de texto en tu ordenador, así en caso de cagarla puedes volver a como lo tenias antes.

    Si no te ha funcionado o no sabes hacerlo, copia y pega CODE de esta web:
    http://forums.htmlhelp.com/index.php?showtopic=12660

1 comentario:

  1. No se donde ponerte esto, pero el otro dia prové cambiar totalmente mi plantilla con varios Html que hay por la web y la gran mayoria me sale error. por ejemplo todos estos códigos
    http://abolidor-themes.tumblr.com/
    Me dan error no se si es porque no están actualizados o que pero ya me he encontrado varios y no se que hacer.

    Segunda cosa, quiero saber cómo hacer para que los recuadros se ajusten a las fotos y no las cortes (no se si me explico bien)
    Gracias por todo, y si me contesta me servirás de gran ayuda.

    ResponderEliminar