Faq- informações sobre como personalizar este tema

em 20/12/2018

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

Configurando a responsividade:
Ele é 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:
Caso queira trocar o plano de fundo após instalar o tema vá ao painel de seu blog e clique em Tema/Personalizar/Planos de fundo.
Exclua a imagem original do tema e carregue a sua. Ajuste como desejar.
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: 587px; /* LARGURA EXATA DO SEU LOGO */
height: auto;
margin: 0 auto;
margin-top:4em; /* DISTANCIA O LOGO DO TOPO, ALTERE SE PRECISAR AJUSTAR */
margin-bottom: -1em; /* DISTANCIA O LOGO DO SLIDE, ALTERE SE PRECISAR AJUSTAR */
}

Onde você vê 587px troque para a largura exata de seu logo.Altere os valores 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 Amanda, 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.

Sobre o slide:
Inseri esse slide como gadget HTML/JAVASCRIPT
Quer exclui-lo? Delete o elemento de página e salve.
Quer exibi-lo apenas na página inicial do blog?
Aplique a condicional que define isso.
Leia:
As condicionais do Blogger- exibir e ocultar elementos de página no blog

Editar o slide com sua categoria escolhida:
No código HTML/JAVASCRIPT do slide voce verá esse código:

<div id='slider-wrapper'>
<div id='slider-container'>
<div id='section-featured'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Vintage?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showlatestposts1\"><\/script>");
</script>
</div>
</div>
</div>

Troque a palavra Vintage (que é o nome da categoria que escolhi para o blog de  demonstração) pela sua categoria escolhida, de seu blog.
Tem que ser a grafia exata de seu marcador escolhido, ok?
Exemplo: se seu marcador escolhido for Beleza, tem que ser escrito exatamente como é no blog. Se usar beleza não vai funcionar.
Entendeu?

Tutorial que explica como o slide funciona:
https://www.elainegaspareto.com/2019/01/slide-de-posts-recentes-modelo-amanda.html

Tutoriais usados na personalização do Tema Amanda


Abaixo deixo os links dos tutoriais 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/2017/12/menu-responsivo-com-submenus-para-blog.html

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

Botão Voltar ao topo com efeito deslizante:
https://www.elainegaspareto.com/2017/11/botao-voltar-ao-topo-moderno.html

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


Crédito das imagens usadas no plano de fundo: @shaycochrane
LEIA MAIS

Teste de postagem vintage

em 10/10/2017


Est dolor etiam. Pretium mollis scelerisque sagittis et ipsum. Nec urna donec. Euismod interdum accumsan nunc integer urna pharetra lectus lacus non est a. Vel sit diam. Egestas dolor vitae tellus enim vitae vivamus lorem nec. Non at rutrum mi hac sapien eleifend vivamus sed a duis eleifend. Sed est vitae. Sit et orci quis massa eget. Arcu pede ipsum et quisque vitae.

Vivamus sagittis cursus. Fusce elit aenean eget in arcu ut tortor libero litora mauris urna sed enim phasellus consectetuer elit neque. Sit egestas diam libero aliquam nibh. Gravida ipsum urna posuere aenean elementum. Hendrerit elit metus. Aenean nunc vivamus orci leo vestibulum augue pariatur ipsum. Eu turpis tellus. Felis eu ultricies.
LEIA MAIS


Topo