Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Configurar Iniciantes Vanessa S.

Como adicionar código CSS através do painel do blogger

Se você tem dificuldade para adicionar código CSS no Blogger, hoje você vai aprender uma maneira mais prática e rápida de adicionar CSS (folhas de estilo em cascata) e poder personalizar melhor o seu blogger.

Alguns leitores me relataram que ao instalar algum recurso no blogger, quando precisam
aplicar códigos CSS , encontram dificuldades em localizar a tag ]]></b:skin>

Para ajudar, decidi fazer esse pequeno e rápido tutorial para mostrar uma outra forma de adicionar códigos CSS sem precisar ser através do editor HTML do Blogger.

Esta outra opção é bem mais fácil, principalmente para quem tem dificuldades em inserir novos estilos no template.

 

Adicionar código CSS através do painel do blogger

1. Acesse o Blogger.
2. No painel do Blogger, acesse o menu “Modelo”, e clique no botão “Personalizar“.

adicionar css pelo painel do blogger

3. Em seguida clique no link “Avançado”.
4. Agora basta adicionar seus códigos CSS dentro do campo à direita, localizado na guia “Adicionar CSS
Ali é o local que você vai adicionar todo código CSS quando quiser aplicar algum estilo novo no seu template.

 

5

Depois de adicionado, clique no botão “aplicar ao blog” para salvar as alterações.

Essa dica serve para qualquer modelo de template que você estiver usando, vale tanto para Designer de Modelo quanto para modelos customizados, ou até mesmos os antigos modelos de template mínima.

É importante lembrar que, se você mudar o template, o CSS será removido.O mesmo ocorre em quaisquer outras adições ou personalizações de CSS, feitas através do editor HTML.

 

Fácil e rápido né? :p

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

8 Comentários

  1. Este artigo é muito valioso! Com essas dicas, consegui fazer sem complicações usando um blog de testes, depois da certeza realizei no blog primário, basta ter cuidado para não alterar nada acidentalmente no código, qualquer alteração, fará com que o mesmo não funcione, fora isso tudo ok! Abraço a todos e sucessos!

  2. Gian disse:

    Olá Vanessa,

    De uma olhada nesse blog [link removido] Note que nele, tem um anuncio do google (na vertical) que quando você rola a página para baixo, ele vai junto.

    Você sabe/conhece algum código que faça isso?

    Obrigado.

  3. Excelente dica!!

  4. Oi Vanessa! Usando estes mesmos recursos, é possível criar um template para o Blogger totalmente personalizado? Existe a possibilidade de criar um do zero? Abraço e sucessos!

  5. Gian disse:

    Olá Vanessa, tem como você fazer um artigo ensinando a como deixar a data, quem postou e o marcador igual no seu blog?

    Ex: “20 de fevereiro de 2014 Por: Vanessa Arquivado em Configurar, Iniciantes”

    Obrigado.

  6. Excelente tutorial! Eu já vi essa opção no blogger mas não arrisquei de mexer em nada por falta de conhecimentos, agora com este artigo tutorial da para compreender mais, e entender suas funções! Abraço a todos e sucessos!

  7. Marcos Silva disse:

    Como sempre tutorial perfeito, simples e objetivo! Customizei muitas coisas no meu Blog (Nerd Kids) com a ajuda dos seus artigos aqui do Mundo Blogger!

    Parabéns!

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.