Como editar e baixar CSS do tema Tumblr
Você pode ter alguma dúvida de como modificar completamente um tema de um blog no Tumblr a partir do código CSS, um dos melhores modos de se fazer uma modificação no tema do Tumblr e fazendo o download do código CSS do tema para futuras modificações.
Saiba que você pode fazer o download do CSS do seu tema Tumblr, editar e depois colocar no seu Tumblr novamente. Essa pode ser uma opção interessante, caso seja necessário fazer algumas mudanças na estrutura do blog, mudar cores, fontes, ou tamanho de alguma estrutura do blog.
Abaixo é possível conferir um tutorial passo a passo sobre tudo o que necessário saber para modificar o seu template do Tumblr editando o CSS facilmente.
Mesmo quando um tema Tumblr possui a seguinte tag incluída no html: {} CustomCSS, geralmente não conseguimos editar completamente o tema Tumblr, principalmente em blogs que possuem um link para o arquivo CSS.
Apesar de ser capaz de adicionar seu próprio toque personalizado no tema, utilizando a opção personalizar, opções avançadas ou apenas editar algumas linhas de CSS dentro do código do arquivo html.
Mesmo que isso não seja muito aconselhável pelos padrões usados hoje em dia, quase sempre existe um ou mais arquivos CSS sendo utilizado em um tema Tumblr, esse recurso pode pertencer a um tema específico.
Mas então como encontrar, baixar e editar seu tema Tumblr utilizando o arquivo CSS?
Primeiramente temos que acessar a rede social e depois logar no Tumblr, fornecendo ais informações de acesso. Em seguida é necessário acessar a opção http://www.tumblr.com/customize.
Uma nova página deverá ser carregada, entrar em theme e selecionar a opção editar HTML, alguns temas do Tumblr já selecionam esta opção por padrão.
Logo após completar esse processo você certamente ira visualizar o código fonte do seu tema Tumblr, encontre a seguinte linha <link rel = “stylesheet” href = “http: o endereço do seu tema Tumblr/ style.css “. Neste exemplo, seria
<link rel=”stylesheet” href=”http://comocriarumtumblr.tumblr.com/style.css” type=”text/css” media=”screen”>
Agora temos que copiar todo o endereço url e depois colá-lo em uma nova janela do navegador preferido e, em seguida, pressionar enter.
Veja, para fazer o download do arquivo .CSS do meu tema Tumblr eu então copiaria a seguinte url: http://comocriarumtumblr.tumblr.com/style.css
Pronto agora você vai conseguir visualizar todo o código .CSS do seu tema Tumblr.
Você pode baixar o arquivo. CSS, selecionado o botão direito do mouse e depois selecionar “Salvar como” ou apenas copiar o código inteiro da tela selecionando a opção “Ctrl+A” à partir do teclado e salvar em um bloco de notas.
Salve como arquivo .css em vez de salvar como arquivo .txt, quando for editar o CSS do seu blog, selecione o arquivo com o botão direito do mouse e depois selecione abrir como bloco de notas.
Agora edite o arquivo CSS do seu tema Tumblr ao seu gosto com qualquer editor web que você conhece, eu recomendo usar o editor Dreamweaver ou usar um editor web gratuito como o NVU.
Também é possível editar o arquivo .CSS com um bloco de notas. Se você modificar qualquer uma das imagens usadas no código .CSS, lembre-se de sempre salvá-las, porque será necessário carregá-las também para o Tumblr.
Agora que você já terminou de editar o código .CSS do seu tema, será necessário fazer o upload do código novo para o Tumblr. Use a página de fazer upload de arquivos no Tumblr.
Lembre-se, para evitar problemas sempre salve o que for modificar com o mesmo nome do arquivo modificado. Ou será necessário modificar o código fonte do seu tema Tumblr. Veja o exemplo abaixo:
Neste exemplo, seria
<link rel=”stylesheet” href=”http://comocriarumtumblr.tumblr.com/style.css” type=”text/css” media=”screen”>
Se por algum motivo eu quiser modicar o nome do meu código .CSS com o nome de “style.css” para “style1.css eu também tenho que modificar o caminho do meu código fonte do Tumblr em: http://www.tumblr.com/customize selecionado a opção Theme e modificando o código.
Ficando assim:
<link rel=”stylesheet” href=”http://comocriarumtumblr.tumblr.com/style1.css” type=”text/css” media=”screen”>
Uma dica, alguns temas do Tumblr não possuem um link para o código .CSS do tema assim o código pode ser encontrado em: http://www.tumblr.com/customize selecionado a opção Theme e modificando o código.