em
06/05/2019
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:
O Tema Rebecca 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: 582px;
height: auto;
margin: 0 auto;
margin-top: 1em;
}
Onde você vê 582px 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 Rebecca, 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("<script src=\"/feeds/posts/default/-/Teste?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
Troque a palavra Teste (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:
Quer exclui-lo?
Delete o código que pedi para localizar 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
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/AVvXsEiWXKbJGeluWOSka4mQ8IhrS2GGiX4K2yJVi_AT34qwMYQ2w8Ytl8d-Cp7utvwwaL1ErLvQd-5mHSBFeQ_MsZaE3BXr9nD5PEJAz8OAuKpUNY8ZYUtY7WL7iJuBoiSVbyAcOc7gioDQJvdU/s1600/logo-rebecca-header.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
Tutoriais usados na personalização do Tema Rebecca
Abaixo deixo os links dos tutoriais já publicados que usei para personalizar este template. Use-os para editar o que desejar, ou para entender seu funcionamento:
Slide abaixo do cabeçalho:
https://www.elainegaspareto.com/2019/05/slide-de-posts-recentes-para-blogger.html
Para editar o menu leia:
https://www.elainegaspareto.com/2017/09/como-editar-um-menu-com-abas-e-sub-abas.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
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
Tags personalizadas:
https://www.elainegaspareto.com/2015/09/nuvem-de-tags-colorida-para-blog.html
Botões de compartilhar posts:
https://www.elainegaspareto.com/2018/10/botoes-de-compartilhar-personalizados.html
Postagens relacionadas ao final dos posts:
https://www.elainegaspareto.com/2017/12/postagens-relacionadas-para-blog.html
Centralizar elementos de página:
https://www.elainegaspareto.com/2016/10/como-centralizar-qualquer-gadget-na-sidebar-do-blog.html
Finalizando:
Inseri a paginação numerada e a navegação com títulos dos posts.
Para baixar este tema clique:
tessssste
ResponderExcluir