Como editar esse tema- informações gerais e tutoriais que usei na personalização

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



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:
O Tema Allegra não tem plano de fundo, a imagem do topo é o cabeçalho.
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/cabeçalho:
Acesse o código fonte e localize ÁREA DO CABEÇALHO
Aí ache o trecho:

#Header1_headerimg {
width: 100%;
max-width: 1366px;
height: auto;
margin: 2.4em auto;
margin-bottom: -0.5em;
}

Onde você vê 1366px troque para a largura exata de seu logo/cabeçalho.
Altere os valores em margin para posiciona-lo 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 Allegra, 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.

Editar o slide com sua categoria escolhida:
No código-fonte do tema localize:

<div id='section-featured'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Beleza?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>


Troque a palavra Beleza (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?

Sobre o slide:
Inseri o slide no código-fonte para que funcionasse sem erros.
Este é o código que o fará aparecer:

<div id='section-featured'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Beleza?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>

Quer exclui-lo?
Delete o código 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

Em breve farei o tutorial desse slide, com explicações detalhadas.


Tutoriais usados na personalização do Tema Allegra

Menu fixo no topo com caixa de pesquisa:
https://www.elainegaspareto.com/2016/10/menu-multinivel-com-caixa-busca.html

Data do post em formato calendário:
https://www.elainegaspareto.com/2013/04/data-dos-posts-do-blog-em-formato-calendario.html


Como criar um logo ou cabeçalho 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

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/2017/12/postagens-relacionadas-para-blog.html

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

Postagens mais vistas personalizadas:
https://www.elainegaspareto.com/2018/04/postagens-populares-personalizadas-para-blog.html

Correção das heading tags:
https://www.elainegaspareto.com/2018/01/como-corrigir-os-erros-das-heading-tags.html

Correção dos erros em BlogPosting:
https://www.elainegaspareto.com/2019/04/como-corrigir-os-erros-do-blogposting.html

Instagram no rodapé, ocupando a largura total do blog e com link direto para o seu perfil:
https://www.elainegaspareto.com/2018/10/atualizacoes-do-instagram-no-blog.html



Termos de uso dos  templates gratuitos by Elaine Gaspareto


Calma que não tem regra demais não, são apenas 3, porém extremamente importantes:

1- Todos os templates que eu disponibilizar devem ser baixados apenas do meu blog. 
Não compartilhe o link de download em seu blog. Indique o post onde eles estiverem caso queira divulgar.

2- A principal exigência que faço: em nenhuma circunstância, de jeito nenhum, jamais, altere os meus créditos presentes no template. Mesmo que você mude o plano de fundo, as cores, o logo e o cabeçalho, ainda assim os créditos devem ser mantidos. Sem exceção. Ok?

3- Para finalizar: jamais use meus temas para vender. Não use como base, não venda o template e nem partes dele.

Acredite, eu saberei, então por favor não faça.
Combinado?

3 comentários:



Topo