Faq- tutoriais usados neste tema e informações gerais - Tema Isabella

Faq- tutoriais usados neste tema e informações gerais

Publicado em 9/04/2019

Leia atentamente a documentação abaixo, ela vai te orientar na perfeita configuração e instalação do Tema Isabella.

Configurando a responsividade:
O Tema Isabella é responsivo. Para que a responsividade funcione vá ao painel de seu blog e clique em Tema. A seguir, na caixinha escrito Celular marque a opção Não.
Assim:
Plano de fundo:
O Tema Isabella não tem plano de fundo.
Caso queira colocar um plano de fundo após instalar o tema vá ao painel de seu blog e clique em Tema/Personalizar/Planos de fundo.
Carregue a imagem que desejar, ajuste como preferir.
Aplique a alteração.

Ajuste o tamanho do logo:
Acesse o código fonte e localize /* AREA DO HEADER
Aí ache o trecho:

#Header1_headerimg {
width: 100%;
max-width: 443px;
height: auto;
margin: 0 auto;
margin-top:0.8em;
margin-bottom: 0.5em;
}

Onde você vê 443px troque para a largura exata de seu logo.
Altere os valores em margin para posicionar o logo/nome do blog mais acima ou mais abaixo.

Para adicionar seu logo é simples: vá em Layout e clique para editar o Gadget Cabeçalho da página.
Ao carregar a imagem selecione a opção Em vez de título e descrição, deixe em Tamanho original e carregue.
Salve, e tá feito.

Para ajustar cores e fontes:
Caso queira trocar cores e fontes básicas do Tema Isabella, após instalar o tema vá ao painel de seu blog e clique em Tema/Personalizar/Avançado.
Ajuste/altere como desejar.
Aplique as alterações ao blog.

Importante:
Este tema já está com as heading tags corrigidas.
Leia, para entender:
https://www.elainegaspareto.com/2018/01/como-corrigir-os-erros-das-heading-tags.html

Então não esqueça: sempre que adicionar um novo gadget precisa trocar o h2 do título dele por h4.Se não fizer isso o título de seu gadget ficará desconfigurado.

Também corrigi os erros em BlogPosting.
Leia para entender:
https://www.elainegaspareto.com/2019/04/como-corrigir-os-erros-do-blogposting.html

Para ajustar ao seu blog localize, no código-fonte, esse endereço do meu logo-teste:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfh02WJjy76W8nlbmS9bS2wjFhKaOWc-wXlTOeJ5zLtllMERvtplkdf0hYmjAtiI6vYIASiE-iW7ftImqdB1WnJxQOckT7rxm_pMZRYNu3nNahW1rm4H-DndcAViTzbz6t_aCqg41RrCA/s1600/isabella-logo.png

Ela aparecerá 4 vezes. Troque todas pela url de seu logo.
Salve.

Também adicionei os Rich Pins ao template.
Leia para entender:
https://www.elainegaspareto.com/2017/02/como-adicionar-rich-pins-em-um-blog-do-blogger.html


As metatags estão adicionadas, basta inserir sua descrição e suas palavras-chave.
Leia, para entender:
https://www.elainegaspareto.com/2017/12/metatags-seo-para-blogs-2018.html

Tutoriais usados na personalização do Tema Isabella



Abaixo deixo os links dos tutoriais já publicados em meu blog na categoria Dicas para blogs que usei para personalizar este template. Use-os para editar o que desejar, ou para entender seu funcionamento:

Para editar o menu leia:
https://www.elainegaspareto.com/2019/05/menu-horizontal-multinivel-para-blog.html

Caso queira o Cabeçalho ocupando a largura total da página:
http://www.elainegaspareto.com/2018/01/cabecalho-do-blog-ocupando-largura-total-pagina.html

Como criar um logo exclusivo para o blog:
https://www.elainegaspareto.com/2018/10/como-criar-um-cabecalho-personalizado-para-blog.html


Perfil do autor e ícones de redes sociais:
https://www.elainegaspareto.com/2017/11/foto-de-perfil-arredondada-e-icones-redes-sociais.html

Tags personalizadas:
https://www.elainegaspareto.com/2018/04/modelo-para-personalizar-os-marcadores.html

Botões de compartilhar posts:
https://www.elainegaspareto.com/2016/12/botoes-personalizados-para-compartilhar.html

Postagens relacionadas ao final dos posts:
https://www.elainegaspareto.com/2019/05/postagens-relacionadas-modelo-responsivo.html

Centralizar elementos de página:
https://www.elainegaspareto.com/2016/10/como-centralizar-qualquer-gadget-na-sidebar-do-blog.html

Paginação numerada:
https://www.elainegaspareto.com/2014/02/como-numerar-as-paginas-do-blog.html

Instagram no rodapé da página:
https://www.elainegaspareto.com/2018/10/atualizacoes-do-instagram-no-blog.html

Finalizando:
Quer usar o arranjo floral que usei para criar o logo?
Baixe-o, salve em formato png e use como desejar.:
Nota:
Para trocar a frase Continuar lendo vá ao painel de seu blog, clique na aba Layout e a seguir clique para editar em Postagens no blog.
Aí, no item Texto do link da página de postagem: escreva a frase/palavra que desejar e salve.

Para baixar este tema clique na imagem abaixo:


3 comentários:

  1. Eliane baixei o tema e parece que os textos da area de psot sobresaem em cima da sidebar https://www.linhasquemovem.com.br

    ResponderExcluir
  2. oi Elaine,
    aquele site que voce indica para colocar o instagram no rodape nao existe mais como faz para trocar? tem outro?

    ResponderExcluir
  3. Eu baixei o tema e quero retirar o rich pin, como faço isso??

    ResponderExcluir



@INSTAGRAM