Listo abaixo os tutoriais que usei para personalizar este template, bem como as informações de como editar itens como o menu, etc.
Leia com atenção.
Como se tratam de templates gratuitos eu não forneço nenhum tipo de ajuda ou suporte extra para configurar e instalar. Baixar, configurar menu, etc... é contigo, ok?
De novo: leia a documentação de cada tema, que estará no próprio modelo de cada template. As informações estarão sempre lá.
Aproveite o tema, ele foi desenvolvido para você!
Como instalar um tema personalizado:
https://www.elainegaspareto.com/2019/01/como-instalar-template-blog.html
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.
Cabeçalho:
Exclua a imagem original do tema e carregue a sua. Salve.
Ajuste o tamanho do logo/cabeçalho:
Acesse o código fonte e localize AREA DO HEADER
Aí ache o trecho:
#Header1_headerimg {
width: 100%;
max-width: 1130px; /* LARGURA DO SEU LOGO OU CABEÇALHO, ALTERE COM A SUA MEDIDA EXATA*/
height: auto;
margin-top: 2.2em; /* DISTANCIA DO LOGO EM RELAÇÃO AO TOPO, ALTERE SE PRECISAR*/
}
Onde você vê 1130px troque para a largura exata de seu logo/cabeçalho.
Altere os valores para posicionar o logo/nome do blog mais acima ou mais abaixo.
Recomendo que leia:
Como criar um cabeçalho personalizado para o blog?
Para ajustar cores e fontes:
Caso queira trocar cores e fontes básicas do Tema Amora, 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.
Menu do topo:
Para configurar o menu localize, no código fonte, esse trecho:
<li><a expr:href='data:blog.homepageUrl'>Início</a></li>
Abaixo dela você verá o CÓDIGO HTML do menu.
Assim:
<li><a href='LINK'>Nome da aba</a></li>
<li><a href='#'>Nome da aba multinível<font size='2'>▼</font></a>
<ul class='menus'>
<li><a href='LINK'>Nome da sub aba</a></li>
<li><a href='LINK'>Nome da sub aba</a></li>
<li><a href='LINK'>Nome da sub aba</a></li>
<li><a href='LINK'>Nome da sub aba</a></li>
<li><a href='LINK'>Nome da sub aba</a></li>
</ul>
</li>
<li><a href='LINK'>Nome da aba</a></li>
<li><a href='#'>Nome da aba multinível<font size='2'>▼</font></a>
<ul class='menus'>
<li><a href='LINK'>Nome da sub aba</a></li>
<li><a href='LINK'>Nome da sub aba</a></li>
<li><a href='LINK'>Nome da sub aba</a></li>
<li><a href='LINK'>Nome da sub aba</a></li>
<li><a href='LINK'>Nome da sub aba</a></li>
</ul>
</li>
<li><a href='LINK'>Nome da aba</a></li>
Onde está escrito LINK AQUI coloque a url para onde deseja que o link direcione.
Onde está escrito Nome da aba coloque, claro, o nome que deseja dar a cada aba.
Para entender melhor leia:
https://www.elainegaspareto.com/2017/09/como-editar-um-menu-com-abas-e-sub-abas.html
Paginação numerada:
Para alterar a quantidade de posts mostrados na paginação numerada troque os valores nesse trecho do elemento de página Paginação:
var numshowpage=2; altere para mudar a quantidade de posts mostrados na numeração
var postperpage =2; altere para mostrar a quantidade de posts que seu blog exibe na home. Deve ser o mesmo número que você definiu em Layout/ Postagens no blog/Número de postagens na página principal:
Botões de compartilhar os posts:
https://www.elainegaspareto.com/2018/10/botoes-de-compartilhar-personalizados.html
Posts resumidos na home em estilo grid, ou grade:
https://www.elainegaspareto.com/2019/02/template-blogger-estilo-grade.html
Nenhum comentário:
Postar um comentário