Cómo congelar el cuadro de descripción pero no la página de desplazamiento en Tumblr

Si el tema de tu blog de Tumblr permite que el cuadro de descripción se desplace hacia abajo en la página junto con las publicaciones de tu blog, es probable que puedas bloquear el cuadro en su lugar. Para hacerlo, el tema debe incluir una opción en su página CSS con una opción para bloquear el cuadro de descripción. Dado que los desarrolladores a menudo usan el mismo código CSS para todos sus temas, es muy probable que tenga esta opción. La parte complicada viene al tratar de encontrar qué palabra usó el desarrollador para desbloquear esta función. En muchos casos, puede ser tan simple como la palabra "fijo", pero no puede estar seguro de cuál puede ser la palabra hasta que examine el código.

Examinando el código HTML

Inicie sesión en Tumblr y haga clic en el ícono de Configuración en forma de engranaje en la parte superior de su tablero. Seleccione su blog en la sección Blogs de la barra lateral y haga clic en "Editar tema". Haga clic en el enlace "Editar HTML" debajo del nombre del tema en la barra lateral. El código HTML de su tema aparece a la izquierda y una vista previa de su blog de Tumblr aparece a la derecha.

Presiona "Ctrl-F" en el teclado para abrir el campo de búsqueda y escribe dos o tres palabras exactamente como aparecen en el cuadro de descripción de tu blog. Esto lo lleva directamente al código HTML de esas palabras. Desplácese hacia arriba hasta que vea el código del cuadro de descripción, como "bloque: Descripción".

Examine las líneas directamente encima del código del cuadro de descripción y busque el atributo que mantiene el cuadro de descripción flotante, como "despegar" o "flotar". Esta palabra debe estar dentro de una etiqueta "div id" como "

."

Reemplace el atributo que mantiene el cuadro de descripción flotando en la página con la palabra "fijo", como "

. "Haga clic en el botón" Actualizar vista previa ". Haga clic en la vista previa a la derecha e intente desplazarse por la página. Si esto funciona, haga clic en el botón" Guardar ". Su cuadro de descripción permanecerá fijo en su lugar mientras se desplaza el contenido de su blog. Si esto no funciona No funciona, necesita examinar el código CSS para encontrar la palabra correcta.

Encontrar el código CSS

Desplácese hasta la parte superior del código HTML de su tema de Tumblr. Haga clic en el campo "Buscar" encima del código y escriba "hoja de estilo". Esto lo lleva a la primera instancia de esta palabra en el código HTML, generalmente dentro de las primeras 50 líneas, como "rel = stylesheet". Resalte la URL justo antes de esta palabra, comenzando con "http:" y terminando en "css". Esta es la dirección web de la página CSS del tema.

Abra una nueva pestaña del navegador, pegue la URL CSS en la barra de direcciones y presione "Enter". Al principio, es posible que vea letras y números sin sentido, pero si se desplaza hacia abajo en la página, verá el código CSS, que se parece mucho al código HTML. No puede cambiar este código, pero puede usarlo para encontrar la palabra que puede bloquear el cuadro de descripción en su lugar.

Presione "Ctrl-F" y escriba la palabra utilizada en el código HTML del tema para mantener flotante el cuadro de descripción, como "flotar". Cuando encuentre esta palabra, desplácese hacia arriba y hacia abajo en la página para examinar el código cercano. Busque la palabra opuesta que se pueda usar para bloquearlo en su lugar, como "fijo", "estático" o "atascado".

Regrese a la pestaña del navegador que muestra el código HTML del tema y reemplace la palabra que mantiene el cuadro de descripción flotando con la palabra que puede mantenerla fija. Haga clic en el botón "Actualizar vista previa" y luego intente desplazarse hacia abajo en la página de vista previa. Si esto funciona, haga clic en el botón "Guardar". Si no funciona, continúe su búsqueda de la palabra mágica correcta.

Consejos

En algunos casos, es posible que el desarrollador del tema no haya incluido código CSS para permitir que un tema tenga un cuadro de descripción fijo.

Advertencias

No guarde los cambios en el código HTML de su tema de Tumblr hasta que haya examinado cuidadosamente la Vista previa. Cambiar cualquier cosa en el código HTML al azar puede estropear gravemente el diseño de su blog.