Faq- tutoriais usados neste tema e informações gerais

07/06/2019

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

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


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/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.


Outros itens personalizados do tema:
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:

Um comentário: