Como aumentar a largura de um post no Tumblr

O Tumblr oferece acesso total ao código-fonte HTML para o tema do seu blog, permitindo que você altere qualquer aspecto da aparência do seu blog sem ter que instalar um novo tema. Um elemento que você pode alterar é a largura das postagens; por padrão, as mensagens no tema Redux padrão do Tumblr têm 520 pixels de largura. Edite esse valor e altere o tamanho da sombra suspensa entre cada postagem para aumentar ou reduzir a largura do post.

1

Faça o login na sua conta do Tumblr. Clique no nome do seu blog no menu de navegação superior e, em seguida, clique em "Personalizar aparência".

2

Clique no botão "Editar HTML", na parte superior da barra de menu à esquerda. Isso exibe o código-fonte do seu tema do blog.

3

Pressione “Ctrl” e “F” simultaneamente para usar o recurso “Find” Digite “width: 520px” para localizar o seguinte código começando na linha 76:

wrapper #content {

Largura: 520px; flutuar: esquerda;

4

Altere o número após "width:" para refletir a largura desejada de suas postagens - por exemplo, altere "520" para "600" para aumentar a largura de postagem padrão.

5

Pressione “Ctrl” e “F”, e digite “shadow-post.png” para localizar o seguinte código começando na linha 399:

wrapper #content .bottom {

background: url ('// assets.tumblr.com/themes/redux/shadow-post.png') top center sem repetição transparente; largura: 513px; altura: 40 px; margem: 0 auto;

6

Altere o valor depois de "width:" para refletir a largura desejada da sombra suspensa abaixo de suas postagens. A largura padrão da sombra suspensa é sete pixels menor que a largura da postagem, portanto, escolha um valor um pouco menor que a largura da postagem selecionada anteriormente para manter uma proporção semelhante.

7

Pressione "Ctrl" e "F" e digite "#wrapper #sidebar" para localizar o seguinte código começando na linha 515:

wrapper #sidebar {

largura: 250px; flutuar: certo;

8

Altere o número após "largura" para um valor maior ou menor para compensar a nova largura de suas postagens. Por exemplo, se você aumentou a largura da postagem em 50 pixels, altere a largura da barra lateral para um valor ligeiramente inferior, como 200 pixels.

9

Clique no botão verde "Atualizar visualização" para ver como seu blog ficará com os novos valores. Ajuste os valores, se desejar.

10

Clique no botão "Appearance", depois em "Save" e "Close" para salvar suas alterações e fechar a tela de personalização da aparência do Tumblr.

Dicas

  • Essas instruções são específicas do Redux, o tema padrão instalado para os blogs do Tumblr, e podem precisar ser modificadas para temas personalizados.
  • Se a parte inferior da barra lateral do seu blog estiver desalinhada depois de alterar a largura da postagem e da barra lateral, remova o seguinte código do tema do blog:
  • #wrapper #sidebar #bottom {
  • plano de fundo: url ('// assets.tumblr.com/themes/redux/sidebar-bottom.png') top center sem repetição transparente;
  • largura: 250px;
  • altura: 25 px;
  • }

Publicações Populares