Muchos sitios web ofrecen widgets para incrustar en su blog abriendo una amplia gama de posibilidades de personalización. Si su tema de Tumblr incluye una barra lateral puede insertar aplicaciones en la página de su blog pegando una línea de código HTML en la etiqueta de la barra lateral de su tema. Los sitios web que ofrecen widgets pueden generar esta línea de código por lo que no necesita conocimientos de programación para insertar widgets en su barra lateral. Tumblr incluye un editor HTML con una barra de búsqueda para que pueda localizar rápidamente la etiqueta de la barra lateral e insertar el código en su ubicación correcta.
Visite un sitio como Widgetbox ShareThis o Tumblring para buscar widgets para agregar a Tu página de Tumblr (enlaces en Recursos). El proceso de generación de código HTML varía entre los widgets pero cada sitio proporciona instrucciones para personalizar un widget generar código e insertar el código en su página de Tumblr. Los tipos de widgets incluyen botones de marcadores sociales reproductores de música motores de búsqueda y muchos otros.
Seleccione un widget y cuando se le solicite elija cualquier opción como diseño color o fuente. Algunos widgets pueden requerir más configuración. Por ejemplo si está incrustando un reproductor de música es posible que deba seguir las instrucciones del sitio para crear una lista de reproducción antes de poder generar su código. Después de hacer su selección haga clic en "Generar HTML" o en una opción similar y copie el código que se muestra en el cuadro de texto.
Abra el Bloc de notas y pegue el código en un nuevo documento de texto. Guarde el documento y asígnele un nombre con el que pueda identificarlo fácilmente más adelante como el nombre del widget.
Visite el panel de control de Tumblr haga clic en el icono "Engranaje" y seleccione su blog en la barra lateral. Haga clic en "Personalizar" en la sección Tema luego elija "Editar HTML" en la página de personalización. El código HTML de su blog se abre en un editor de texto integrado en la página.
Abra un nuevo documento de texto en el Bloc de notas y copie el código HTML del editor de Tumblr al nuevo documento del Bloc de notas. Asígnele a este documento un nombre como "Tumlbr HTML Original" para que pueda encontrarlo rápidamente más tarde si no le gustan los cambios que realice en la barra lateral.
Regrese al editor HTML de Tumblr y presione la tecla Ctrl- F ”para mostrar la barra Buscar y reemplazar que puede usar para buscar la etiqueta de la barra lateral dentro del código HTML. El formato exacto del código puede diferir entre los temas pero puede encontrarlo escribiendo "barra lateral" (sin comillas) en el cuadro Buscar porque todas las etiquetas de la barra lateral incluyen esta palabra clave. Por ejemplo buscar "barra lateral" puede ubicar el fragmento de código "& lt; div id \u003d" barra lateral "& gt ; " que indica el comienzo de la etiqueta de la barra lateral. La etiqueta finaliza con la palabra clave de cierre "& lt; /div & gt;”.
Pegue el código HTML del widget dentro de la etiqueta de la barra lateral pero no dentro de los corchetes angulares que delimitan las palabras clave de la etiqueta. Después de insertar el código la etiqueta de la barra lateral debe parecerse al siguiente fragmento de código:
& lt; div id \u003d "barra lateral" & gt; El código HTML de su widget va aquí & lt; /div & gt;
El código generado puede ser largo y complicado pero todo lo que tiene que hacer es pegarlo en la etiqueta de la barra lateral. El espacio en blanco y la tabulación de líneas no importan porque el editor HTML de Tumblr formatea el código por usted.
Haga clic en "Actualizar vista previa" para ver los cambios en la ventana de vista previa. Si su widget se muestra a su gusto haga clic en "Guardar" y cierre el editor HTML. Si desea cambiar cualquier aspecto de su widget reemplace el código modificado con el código original que guardó en el Paso 5. Regrese a la página de generación de widgets seleccione las opciones que prefiera y vuelva a generar el código. Repita el proceso de inserción de código con el código recién generado.
Consejos
Si está insertando varios widgets de barra lateral péguelos en el orden en que desea que aparezcan en su barra lateral.