Como instalar temas (layouts) HTML no Tumblr

Como trocar layout (Customize Appearance) no Tumblr
Assim como prometido, o [ Ferramentas Blog ] trará daqui para frente mais artigos e tutoriais relacionados à plataforma Tumblr. Vou tentar postar ao máximo dicas e truques, dos mais simples aos mais complexos, para os usuários do Tumblr que busquem maneiras de personalizar, otimizar e desenvolver o seu blog na plataforma. Neste

O artigo de hoje é bem básico, porém muito útil principalmente para aqueles que ingressaram recentemente na plataforma. Sem mais delongas, hoje vou mostrar passo a passo como instalar um novo tema HTML no tumblr.

Temas é como chamamos os layouts para alguns tipos de plataformas de blogs. No caso do Tumblr então, o que vamos ensinar é como trocar o layout, a aparência do Tumblr para qualquer outro modelo que você queira.

No post abaixo listei alguns sites onde você já poderá encontrar e baixar temas prontos para o seu tumblr:

Instalando um novo tema:

Acesse o seu painel no tumblr e clique no cabeçalho da página sobre o nome do seu blog:

Na página seguinte clique na coluna lateral direita em “Customize Appearance”:

Você será levado para a página de customização do seu blog. Em seguida, localize e clique na coluna esquerda sobre o botão “Edit HTML”:

O Box com todos os códigos do seu blog deverá se abrir. Tudo aquilo é responsável pela parte gráfica e funcional do seu tumblr, ou seja, é todo a codificação do tema atual. Agora você deverá substituir tudo pelo o código do novo tema. Para salvar clique em “Appearance” e finalmente clique em “Save”.

NOTA: Muitos sites que distribuem temas para o tumblr já possuem a opção de instalação automática, o tutorial acima é útil somente para quem tiver o código HTML do tema em mãos.

Gostou? Deixe sua opinião ou possíveis sugestões para mais tutoriais envolvendo o tumblr nos comentários abaixo.
Até a próxima.

8 Comentários

  1. Sou muito fã do Tumblr. Uso mais para imagens do que textos, apesar de saber que ele é uma boa plataforma para blogar também.

    E existem temas bem bacanas para Tumblr, fáceis de instalar e customizar. 🙂

    Responder

  2. É HTML 5 esse efeito no link.

    EX:

    li a {
    color: #000;
    }

    li a:hover {
    padding-left: 10px;
    transition:all 0.1s ease;-webkit-transition:all 0.1s ease;-o-transition:all 0.1s ease;-moz-transition:all 0.1s ease;
    }

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.