12/03/2019

Como editar e usar este tema

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

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 Rosalie 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.
Caso queira usar a imagem que usei baixe-a:



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: 687px; /* LARGURA DO LOGO, ALTERE PARA O TAMANHO EXATO DO SEU*/
height: auto;
margin-bottom: 0.2em;
margin-top: -0.5em;
}

Onde você vê 687px troque para a largura exata de seu logo.
Altere os valores 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 Rosalie, 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 = 'Testes';

Troque a palavra Testes (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 class='carousel_slider'>
<div class='slider section' id='slider'>
<div class='carouselle3 slider' id='main-slider'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+cat1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</div></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

Para entender melhor leia o tutorial que explica esse slide: https://www.elainegaspareto.com/2019/04/slide-para-blog-modelo-rosalie.html

Tutoriais usados na personalização do Tema Rosalie


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:

Para editar o menu leia:
https://www.elainegaspareto.com/2017/09/como-editar-um-menu-com-abas-e-sub-abas.html

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/2018/04/modelo-para-personalizar-os-marcadores.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




LEIA MAIS

23/12/2018

Teste de imagem e fonte

Aenean iaculis ut lectus quis sagittis. Morbi tristique lorem non quam finibus, a ullamcorper magna eleifend. Proin fermentum leo id elit blandit aliquet. Etiam faucibus condimentum lorem at ultrices.

Nunc interdum viverra sapien, quis molestie sapien blandit eget. Curabitur condimentum enim vitae volutpat efficitur. Morbi efficitur vel est ac pulvinar. Sed dignissim, mi at lacinia consectetur, odio dolor interdum augue, sit amet tristique mi est sit amet purus. Etiam finibus eros at purus tempor, vitae scelerisque felis elementum. Sed placerat efficitur nunc eu eleifend.

LEIA MAIS

22/12/2018

Aqui vai o título do post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur gravida augue et egestas. In hendrerit ligula orci, non pharetra tellus tincidunt eu. Nulla id turpis porta, luctus dolor quis, tristique nulla. Nunc pharetra, dolor vitae aliquam volutpat, risus lectus varius arcu, quis accumsan purus felis at orci. Etiam vehicula orci a orci ultricies, sit amet tincidunt arcu vehicula. In consequat eget lorem consectetur fermentum. Nunc vestibulum ac ligula sit amet fermentum. Nam non nisi et orci imperdiet commodo.

Vestibulum quis augue rutrum sem rhoncus bibendum sed vel lorem. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus vel cursus orci, sed mollis ligula. Curabitur et quam blandit, rhoncus ante ut, ullamcorper eros. Quisque efficitur consequat mattis. Mauris nec pharetra ante. Pellentesque pharetra vitae lectus id aliquet. Etiam magna urna, rutrum sed aliquam eu, mattis et lacus. Curabitur at blandit eros. Sed sem augue, scelerisque a consequat at, luctus id purus.

Etiam auctor augue sit amet tempus tristique. Sed id luctus augue, nec vestibulum purus. Nulla facilisi. Quisque diam augue, imperdiet ac tortor et, mattis placerat neque.

Donec sed faucibus nisi. Quisque in tempus ligula. Vivamus nec sapien eu felis fermentum porta in sed erat. Nulla ornare erat et magna pretium, ac finibus ligula rutrum. Quisque at congue diam. Nulla malesuada, arcu vel pharetra viverra, orci nisi euismod elit, sit amet cursus arcu magna vitae metus. Mauris mi erat, porta egestas suscipit a, tristique quis ex. Duis fringilla libero leo. Quisque convallis facilisis purus vel cursus. Suspendisse quis lectus pulvinar, posuere purus ac, malesuada ante.

Proin cursus dignissim orci, eget viverra elit faucibus ut. Pellentesque porttitor lobortis mi et consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis dictum ex mauris. Donec sed venenatis purus, ut maximus neque. Nulla laoreet quam vel felis maximus condimentum. Integer congue feugiat dictum. Curabitur ex nulla, volutpat ut vulputate imperdiet, vehicula id lorem. In hac habitasse platea dictumst. Mauris arcu odio, blandit ut vehicula eget, maximus quis erat. Sed maximus ultrices magna, ullamcorper consequat ante varius eget. Sed condimentum, mauris a molestie sagittis, quam lorem imperdiet odio, eget aliquam elit velit eleifend est. In et blandit mi. Pellentesque sagittis mi quis ex hendrerit, at vehicula tellus ullamcorper. Nulla et varius sem, at porta diam. Fusce non dolor luctus, cursus lectus ac, aliquet lacus.



Ut ipsum elit, sagittis id hendrerit eget, iaculis in mi. Nulla vitae dictum dui, nec lacinia diam. Aenean ut pellentesque nunc, nec laoreet tortor. Vestibulum auctor, nibh a dictum commodo, lectus odio fermentum metus, vehicula pulvinar diam sapien in odio. Nullam in malesuada eros, sed porta libero. Curabitur nisl metus, volutpat eget massa placerat, eleifend volutpat mi. Aenean arcu orci, tristique ullamcorper sem non, ultrices pulvinar quam. Pellentesque feugiat sem ac lacinia condimentum. Integer nec sem rutrum, varius purus a, vulputate felis. Duis malesuada lacinia neque vel auctor.
LEIA MAIS

21/12/2018

Teste de publicação para conferir imagem e fontes


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc magna, iaculis ut posuere vitae, venenatis quis metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus eget arcu eget mi tristique scelerisque.


Suspendisse sit amet sem nec mi porta vulputate. Cras ac elit sed sapien posuere ultricies non ac est. Morbi nec neque sed mauris facilisis molestie sed vitae justo. Vestibulum non justo vel nulla aliquam venenatis vel a eros. Mauris a blandit nulla.

Vestibulum venenatis interdum tempus. Mauris ullamcorper semper diam sed adipiscing. Nunc faucibus sem sed risus aliquet quis ornare ligula dictum. Duis cursus porttitor arcu nec facilisis. Sed ut purus lorem, a condimentum lorem. Integer felis elit, porta eu tincidunt tempor, ornare non dui. Donec mollis ornare nunc sit amet fringilla. Quisque convallis molestie lorem sed dignissim. Pellentesque tincidunt semper justo in malesuada. Aenean ut nisi in orci lobortis faucibus quis in erat. Mauris ac feugiat eros. In quis diam sit amet arcu sagittis euismod. Fusce vehicula leo vel metus lobortis sollicitudin. Quisque tristique eleifend erat quis fringilla. Phasellus imperdiet, mauris sit amet luctus ultricies, risus metus euismod nisi, ac commodo erat velit eget erat. Sed sed rhoncus magna. Duis ut tempor odio.

Nullam luctus risus et ipsum congue placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc magna, iaculis ut posuere vitae, venenatis quis metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus eget arcu eget mi tristique scelerisque. Suspendisse sit amet sem nec mi porta vulputate. Cras ac elit sed sapien posuere ultricies non ac est. Morbi nec neque sed mauris facilisis molestie sed vitae justo. Vestibulum non justo vel nulla aliquam venenatis vel a eros.

 Mauris a blandit nulla. Vestibulum venenatis interdum tempus. Mauris ullamcorper semper diam sed adipiscing.
LEIA MAIS