Como colocar códigos Css em modelos de blogs e sites do blogger

Mostrarei como inserir códigos Css em blogs da plataforma blogger usando a nova interface.

Dicas para o blogger:

Verifique as outras opções em Avançado(que as vezes são simples modificações), elas servem para mudar cores, fonte, quando disponível, para os modelos do blogger geralmente tem muitas opções de personalizar sem uso de códigos, explore as outras opções para saber o que é possível sem de acrescentar códigos. Para saber mais sobre opções de cores e estilos do blogger, clique aqui.
Você também pode criar um blog de testes para praticar

Sobre adicionar Códigos Css no blogger

Css serve para dar estilos e mudar aparência de páginas em Html, ele não cria nada, apenas altera a aparência, ele pode influenciar na aparência de tags Html e de áreas do Html que contenham nomes(Id e classe).
Abaixo vou mostrar uma maneira bem simples, mais segura e fácil de colocar códigos Css no HTML de blogs do blogger, mas sem precisar ficar procurando a área certa no HTML do blogger, com os passos abaixo você adiciona os códigos Css e o sistema do blogger vai colocar no local correto do HTML, e ainda vai mostrar o Css que você adicionou usando os passos abaixo, ou seja, sempre que fizer os passos abaixo você verá os últimos códigos Css que você salvou na ultima vez(passo 9).
Esse é o modo mais seguro para adicionar css no blogger porque você não mexerá no HTML e essas modificações no Css ficarão visiveis como mostrado no passo 9.
Preste bastante atenção ao passos 3, 7 e 9 que são umpouco complicados para leigos.

Passos para adicionar Css em blogs do blogger

1. Acesse o blogger.com
2. Se estiver na página inicial do blogger, clique na seta de menu que fica ao lado do nome de seu blog
3. Abrirá o menu, talvez apareça uma barra de rolagem, caso aconteça, rode ela para encontrar a opção Modelo
4. Clique em Modelo

   Se você estiver em outra área do blogger(correspondente a seu blog), aí a opção Modelo pode estar no menu lateral da esquerda do blogger(veja imagem abaixo)

5. Clique no botão Personalizar

6. Na página que abrir clique em Avançado
7. Veja que aparecerá um novo menu com opções, rode a barra de rolagem até o final para que apareça a opção Add Css que estava oculta
8. Clique na opção Add Css
9. Terá um campo("caixa para texto") para colocar códigos Css, se, nesse local, você já acrescentou Css eles estarão alí

   Importante, se você pegou Códigos css prontos para mudar um estilo, e já tiver colocado estilos, você pode acrescentar sempre depois desse caracter fecha-chaves} assim evita erros, códigos são 'complicados', s você acrescentar eles no lugar errado, inserir ou tirar um caractere pode fazer com que ele não funcione.

10. Nesta área do blogger, você verá seu modelo e poderá visualizar as alterações que os códigos fazem nele assim que acrescentar cada código Css, você só salva se gostar.
11. Tem uma barra para ampliar a visualização, essa barra é quase imperceptível e também serve para voltar a ver as opções que serão ocultadas quando usar ela para visualizar seu blog.
12. Tudo pronto, para salvar precisa clicar no botão Aplicar ao blog