Muchos sitios web ofrecen widgets para incrustar en su blog, lo que abre 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 y agregarlos a su página de Tumblr (enlaces en Recursos). El proceso de generar 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 que se pueda generar su código. Después de hacer su selección, haga clic en "Generar HTML" o 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.
Visita tu panel de Tumblr, haz clic en el ícono "Engranaje" y selecciona tu 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 incrustado 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. Asigne 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 realiza en la barra lateral.
Regrese al editor HTML de Tumblr y presione “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, si busca "barra lateral" puede encontrar el fragmento de código "
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:
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. Los espacios en blanco y la tabulación de líneas no importan porque el editor HTML de Tumblr le da formato al código.
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 alterado con el código original que guardó en el Paso 5. Regrese a la página de generación del widget, 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 la barra lateral, péguelos en el orden en que le gustaría que aparecieran en su barra lateral.
