Como congelar a caixa de descrição, mas não a página de rolagem no Tumblr

Se o tema do blog do Tumblr permitir que a caixa de descrição role para baixo na página junto com as postagens do blog, é provável que você possa travar a caixa no lugar. Para isso, o tema deve incluir uma opção em sua página CSS com uma opção para bloquear a caixa de descrição. Como os desenvolvedores costumam usar o mesmo código CSS para todos os seus temas, geralmente há uma boa chance de que tenha essa opção. A parte complicada é tentar descobrir que palavra o desenvolvedor usou para desbloquear esse recurso. Em muitos casos, pode ser tão simples quanto a palavra "consertado", mas você não pode ter certeza de qual palavra pode ser até examinar o código.

Examinando o código HTML

Faça login no Tumblr e clique no ícone de configurações em forma de engrenagem na parte superior do seu painel. Selecione seu blog na seção Blogs da barra lateral e clique em "Editar tema". Clique no link "Editar HTML" abaixo do nome do tema na barra lateral. O código HTML do seu tema aparece à esquerda e uma prévia do seu blog do Tumblr aparece à direita.

Pressione "Ctrl-F" no teclado para abrir o campo Pesquisar e digite duas ou três palavras exatamente como aparecem na caixa de descrição do seu blog. Isso leva você diretamente para o código HTML dessas palavras. Role para cima até ver o código da caixa de descrição, como "bloquear: Descrição".

Examine as linhas diretamente acima do código da caixa de descrição e procure o atributo que mantém a caixa de descrição flutuante, como "unstuck" ou "float". Esta palavra deve estar dentro de uma tag "div id", como "

."

Substitua o atributo que mantém a caixa de descrição flutuando na página pela palavra "fixo", como "

. "Clique no botão" Atualizar visualização ". Clique na visualização à direita e tente rolar a página. Se funcionar, clique no botão" Salvar ". Sua caixa de descrição permanecerá fixa enquanto o conteúdo do blog rola. Se isso não funcionar não funcionar, você precisa examinar o código CSS para encontrar a palavra certa.

Encontrar o código CSS

Role até o início do código HTML do seu tema do Tumblr. Clique no campo "Pesquisar" acima do código e digite "folha de estilo". Isso leva você à primeira instância desta palavra no código HTML, geralmente dentro das primeiras 50 linhas ou mais, como "rel = stylesheet." Realce o URL imediatamente antes desta palavra, começando com "http:" e terminando em "css." Este é o endereço da Web da página CSS do tema.

Abra uma nova guia do navegador, cole o URL CSS na barra de endereço e pressione “Enter”. A princípio, você pode ver letras e números sem sentido, mas se você rolar a página para baixo, verá o código CSS, que é muito semelhante ao código HTML. Você não pode alterar este código, mas pode usá-lo para encontrar a palavra que pode bloquear a caixa de descrição no lugar.

Pressione “Ctrl-F” e digite a palavra usada no código HTML do tema para manter a caixa de descrição flutuante, como “float”. Ao encontrar essa palavra, role para cima e para baixo na página para examinar o código próximo. Procure a palavra oposta que pode ser usada para travá-lo no lugar, como "fixo", "estático" ou "preso".

Volte para a guia do navegador que exibe o código HTML do tema e substitua a palavra que mantém a caixa de descrição flutuando pela palavra que pode mantê-la fixa. Clique no botão "Atualizar visualização" e tente rolar para baixo na página de visualização. Se funcionar, clique no botão "Salvar". Se não funcionar, continue sua busca pela palavra mágica certa.

Pontas

Em alguns casos, o desenvolvedor do tema pode não ter incluído o código CSS para permitir que um tema tenha uma caixa de descrição fixa.

Avisos

Não salve as alterações no código HTML do tema do Tumblr antes de examinar cuidadosamente a Visualização. Alterar aleatoriamente qualquer coisa no código HTML pode bagunçar seriamente o layout do seu blog.