- 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
lunes, 22 de julio de 2013
Añadir sidebar (columna lateral) a un tema que no lo tiene.
Suscribirse a:
Entradas (Atom)