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:
Eliane baixei o tema e parece que os textos da area de psot sobresaem em cima da sidebar https://www.linhasquemovem.com.br
ResponderExcluiroi Elaine,
ResponderExcluiraquele site que voce indica para colocar o instagram no rodape nao existe mais como faz para trocar? tem outro?
Eu baixei o tema e quero retirar o rich pin, como faço isso??
ResponderExcluir