Con un tema de Tumblr como Kalalalani, Prólogo o Vignetti, puedes agregar un listado similar a un blogroll directamente en la barra lateral agregando algunas líneas de código personalizado a tu plantilla. Sin embargo, si tu tema no admite una barra lateral, puedes agregar un blogroll creando una nueva página de Tumblr que contenga todos los blogs que sigues personalmente y quieres compartir con otros.
Agregar Blogroll a la barra lateral del tema
Inicie sesión en su cuenta de Tumblr, haga clic en «Personalizar» y luego seleccione «Editar HTML».»
Desplácese por el código HTML hasta encontrar la sección que contiene la barra lateral del tema. Por ejemplo, la barra lateral para el tema Kalalalani comienza con » < ol> «y termina con» </ol>.»
Inserte una línea en blanco encima de la etiqueta «< / ol> » para dejar espacio para código HTML adicional.
Escriba una nueva etiqueta «<li> » en la línea en blanco que creó para agregar otro elemento de lista. El editor de Tumblr agrega automáticamente la etiqueta de cierre por ti.
Escriba » Blogroll «en el punto de inserción entre las etiquetas» <li> «y» </li> » para crear una etiqueta para la sección blogroll de la barra lateral.
Haga clic en » Actualizar vista previa «para ver si el texto» Blogroll » aparece en la barra lateral. Algunos temas requieren código CSS adicional para hacer visible el nuevo texto. Por ejemplo, para hacer visible «Blogroll» en el tema Kalalalani, reemplace la etiqueta» <li> «con el siguiente código que cambiará el color del texto de la etiqueta a blanco:
<li style =» color:blanco»>
Haga clic sobre la etiqueta » < / ol> «y, a continuación, presione» Enter » para crear una línea en blanco para un enlace de blogroll.
Escriba el código HTML para el elemento de lista que contendrá el primer enlace de blogroll. Por ejemplo, escriba la siguiente línea debajo de la etiqueta blogroll:
<li><a>
El editor agrega automáticamente las etiquetas de cierre a medida que escribe, para que su código se vea así:
< li > < a></a></li>
Escriba el código HTML para agregar la URL del primer blog dentro de la etiqueta «< a>». Por ejemplo, si tu primer blog tiene la URL » http://myfavoriteblog.com», tu código debería parecerse al siguiente:
<li> < a href=»http://myfavoriteblog.com»></a> < / li>
Haga clic delante de la etiqueta «</a> » y, a continuación, escriba el nombre del primer blog. Por ejemplo, si el blog se llama «Mi blog favorito», el código debería parecerse a la siguiente línea:
<li><a href=»http://myfavoriteblog.com»>Mi Blog Favorito</a></li>
haga Clic en «Actualizar vista previa» para ver los cambios.
Añade código CSS para reducir el tamaño del nombre del primer blog. Por ejemplo, si utiliza el tema Kalalalani, cambie el tamaño de fuente a unos 10 píxeles. El código ajustado debería tener el siguiente aspecto:
<li style=»tamaño de fuente:10px»><a href = «http://expectedend.com»>My Blog favorito</a></li>
Haga clic en» Vista previa de actualización » para ver los cambios. Utilice el primer enlace de blogroll que creó como ejemplo para agregar blogs adicionales.
Haga clic en «Guardar» para que los cambios sean permanentes.
Agregar página de Blogroll
Haga clic en la flecha hacia atrás en el panel Personalizar y, a continuación, haga clic en el botón» Agregar una página».
Escriba un nombre para completar la URL de su nueva página. Por ejemplo, si tu URL de Tumblr es «goodblog.tumblr.com,» tu URL completa debería parecerse a la siguiente línea:
goodblog.tumblr.com / blogroll
Escriba un título para su página de blogroll y, a continuación, haga clic en el interruptor de palanca «Mostrar un enlace a esta página» para activarlo.
Escriba el nombre de su primer blog en el cuadro de edición.
Seleccione el nombre del blog y, a continuación, haga clic en el botón «Insertar / Editar enlace».
Escriba la URL del blog en el cuadro de entrada etiquetado «URL del enlace», haga clic en el botón» Insertar enlace «y, a continuación, haga clic en «Guardar».»
Advertencias
Si bien los cambios de tema pueden verse bien en el panel de vista previa de Tumblr o en tu navegador Web, los visitantes que usen un navegador diferente o un dispositivo móvil pueden ver elementos fuera de lugar o distorsionados. Vea su blog de Tumblr utilizando tantos navegadores y plataformas de hardware diferentes como sea posible para asegurarse de que su sitio siempre tenga el aspecto que pretendía.
