Muchos sitios web ofrecen widgets para insertar 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 ubicar rápidamente la etiqueta de la barra lateral e insertar el código en su ubicación adecuada.
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 generar código HTML varía entre 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 tarde, como el nombre del widget.
Visite su 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 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 en el nuevo documento del Bloc de notas. Dé 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 su 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, la búsqueda de "barra lateral" puede ubicar el fragmento de código "& lt; div id =" barra lateral "& gt ;," que indica el comienzo de la etiqueta de la barra lateral. La etiqueta termina 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, su etiqueta de barra lateral debe parecerse al siguiente fragmento de código:
& lt; div id = "sidebar" & 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ínea no importan porque el editor HTML de Tumblr formatea el código por usted.
Haga clic en "Actualizar vista previa" para ver sus 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 de widgets, seleccione las opciones que prefiera y genere el código nuevamente. 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 desea que aparezcan en su barra lateral.
[Cómo insertar aplicaciones de Tumblr en la barra lateral] URL: http://www.ordenador.online/computadora/Internet/244671.html