Como mudar o fundo no tumblr

Uma das formas mais rápidas para melhorar a sua Tumblr

blog a partir dos temas iniciais muitas vezes genéricas olhando é para carregar a sua própria imagem de fundo e usá-lo para dar individualidade e carácter ao seu site.

A maioria dos computadores modernos têm telas pelo menos 1000 pixels (px) de largura, se não maior. Se você tem um blog sobre fotografia ou design gráfico, você provavelmente pode supor que a maioria de seu público terá grandes monitores de computador que pode mostrar uma imagem de fundo na resolução full HD, ou seja, 1920 x 1080 px.

No entanto, para atingir o maior público possível, experimente as imagens de fundo para se certificar de que você não está sobrecarregando as capacidades dos computadores dos usuários.

Antes de começar, faça essas duas pequenas coisas:

  • Abra um editor de texto.

  • Tem sua imagem de altura e largura apropriada de substituição já enviados para seu blog Tumblr ou em algum lugar online.

    Sua imagem deve ter uma altura de pelo menos 700 pixels e uma largura entre 1400 e 1600 pixels. Sua imagem deve ser um arquivo PNG.

Video: Como mudar o fundo do seu tumblr ¬¬

  1. Entrar e seu site Tumblr.

    Video: Tutorial/ Como mudar o fundo das fotos

  2. Clique no link Personalizar no canto superior direito.

    O painel Personalização abre, ea maior parte da página é tomado por uma visualização ao vivo das mudanças que você está fazendo para o seu blog Tumblr.

    Você também pode alterar o título ea descrição deste blog a partir deste painel.

    Video: Como mudar seu theme no Tumblr

  3. Clique no botão Editar HTML na coluna da esquerda.

    A janela de código aparece.

  4. Clique em qualquer lugar na barra lateral esquerda, no código HTML e CSS.



  5. Copie o código HTML.

    Sim, a enorme quantidade de código que aparece aqui é um pouco intimidante, mas você está mudando apenas uma pequena parte dela.

    Selecione todo o código (Ctrl + A / Windows ou CMD + A / Mac) e, em seguida, copiar o código (Ctrl + C / cmd + C).

  6. Cole o código em um editor de texto (Ctrl + V / cmd + V) para que você possa com segurança editar o código fora da página de HTML.

    Considere usar um editor de texto simples, como o WordPad para um PC Windows ou TextWrangler em um Mac. Você pode usar um programa de processamento de texto como o Word ou Pages, mas você pode obter códigos de formatação indesejados misturados com o seu HTML menos que você seja muito cuidadoso.

  7. Pesquisar o código (Ctrl + F / Cmd + F) para o fundo : linha.

    Você também pode percorrer o código, olhando para a seção que começa com a body { tag. No nosso exemplo, que se parece com isso:

    html, corpo {fundo: {cor: Fundo} - altura: 100% - cor: RGB (82,82,82) - font-family: Helvetica, Arial, Sans-Serif-}
  8. Alterar o código HTML depois corpo para inserir a sua nova imagem.

    Inserir o link URL para a imagem entre parênteses após o {Color: Fundo} tag para que ele lê algo como isto:

    html, body {background: {color: Fundo} url ( `{https://farm8.staticflickr.com/7161/6789596839_b4a61cf2fc_b.jpg: Fundo}`) - height: 100% - color: rgb (82,82,82 ) - font-family: Helvetica, Arial, Sans-Serif-}
  9. Clique no botão Atualizar visualização para verificar se a imagem está mostrando em seu Tumblr blogue da forma que desejar.

    Se você cometer um erro que realmente mexe-se como o seu blog Tumblr parece, basta cortar e colar o código original que você salvou em sua janela editor de texto de volta para o painel de Personalização e começar tudo de novo.

Para obter mais instruções detalhadas sobre como custom-código seu próprio tema Tumblr, consulte a tutoriais.


Publicações relacionadas