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 Travel around the world 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: 793px;
height: auto;
margin-bottom: 1em;
margin-top: 3em;
}
Onde você vê 793px 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 Travel around the world, 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:
cat1 = 'Viagem';
Troque a palavra Viagem (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 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.
E se algum gadget seu estiver desconfigurado basta trocar o h2 por h4 conforme explico no tutorial linkado acima.
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/AVvXsEjlr2db8kRTcuylHNNbGeFHSy65Jb6-Q3Ticwlht17_h0a55zEKGtuHOin4LIJDmG9SqT6qNaWfBXity-85TJFJ4FAMTFZqac7FXgvOrDQSYBk_KOqEZ6VSR4KLdr2yLR-dFdQemk8OKWig/s1600/header.png
Ela aparecerá 4 vezes. Troque todas pela url de seu logo.
Salve.
Teste aqui para ver que não há nenhum erro!
Tutoriais usados na personalização do Tema Travel around the world
Slide abaixo do cabeçalho:
https://www.elainegaspareto.com/2019/04/slide-para-blog-modelo-rosalie.html
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
Botão Voltar ao topo com efeito deslizante:
https://www.elainegaspareto.com/2019/01/botao-subir-e-descer-deslizante.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 em formato lista:
https://www.elainegaspareto.com/2017/09/marcadores-do-blog-personalizados-formato-lista.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
Área dos posts em formato grid
Usei este tutorial:
https://www.elainegaspareto.com/2019/02/template-blogger-estilo-grade.html
Acrescentei um efeito nas miniaturas das imagens.
Para trocar a cor do efeito localize:
.postThumbnail img:hover {
border-top:3px solid #00a2bf;
border-bottom:3px solid #00a2bf;
}
E troque a cor #00a2bf pelo código da cor que desejar.
Paginação numerada
Arquivo e marcadores personalizados em formato menu suspenso
Caixa de pesquisa nativa do Blogger, personalizada
Tradutor nativo
Postagens mais vistas personalizadas
Seguir por email personalizado
Posts em formato grid, com botão Leia mais automático
Área do post personalizada
Comentários personalizados e numerados
Para baixar este tema clique:
Lindo tema
ResponderExcluir