Documentação Blog Nuances

Documentação do Template Nuances


Lembrete: É terminantemente proibido retirar os créditos do rodapé do template!


  • Cabeçalho personalizado 
  • Marcadores/Tags/Categorias, personalizado.
  • Menu Topo
  • Perfil do Autor  (sidebar)
  • Botões de redes sociais no final das postagens (compartilhamento)
  • Botões de redes sociais no perfil
  • Arquivo do Blog personalizado
  • Área dos Comentários personalizados
  • Postagens Relacionadas personalizadas


Adicionar o template no Blogger



Perfil  Do Autor





Aqui você pode conferir vários modelos de perfil do autor, baixar o que preferir, editar ao seu gosto e adicionar ao blog

Ou pode copiar esse modelo(que é o mesmo que está neste modelo) e editar,substituindo os links das imagens e onde tem # adicione o link da sua rede social.

<div style="margin:-2px -10px; text-align: center; ">
<img src="https://1.bp.blogspot.com/-LpN0Y5MpYZ0/WXoFz5Hbb-I/AAAAAAAALxE/jPhuls5bihA1YIj4ttrqUeIhZXhkrPjqACLcBGAs/s1600/PERFIL.png" style=" border: 0px solid; height: 250px; width: 290px;" title="Seu Nome" />
</div>

<div style="margin:-15px 0; padding: 20px 0 0 20px; text-align: center;">
<h3>

Seu nome aqui

</h3></div>


<div style="margin:-15px 0; padding: 20px 0 0 20px; text-align: center;">

Aqui você escreve sua mensagem aos seus visitantes.

</div>

<br/>
<br/>

<div style="margin: 0 0 0 30px ; text-align: center;">

<a href="#" target="_blank" ><img src="https://3.bp.blogspot.com/-o0A1vkiRsvI/WXoGXB2NoOI/AAAAAAAALxI/dwESTzk18Z8BJtWhdyARSDrgT7JDU-JcACLcBGAs/s1600/fac.png" style="border: 0px solid; height: 48px; width: 48px;" title="FACEBOOK" /></a>

<a href="#" target="_blank"><img src="https://3.bp.blogspot.com/-xT2KWVjz2cA/WXoGXKNbDuI/AAAAAAAALxM/N99hLjPqxMQH5r7Z3kOARRsjYzZkYNoowCLcBGAs/s1600/ins.png" style="border: 0px solid; height: 48px; width: 48px;" title="INSTAGRAM"/></a>

<a href="#" target="_blank"><img src="https://1.bp.blogspot.com/-dI_rU8P8VBo/WXoGZCLLILI/AAAAAAAALxY/QfDQxDXpFa0Uk4AFDUXxldfC3Bj-xH9cwCLcBGAs/s1600/tw.png" style="border: 0px solid; height: 48px; width: 48px;" title="TWITTER" /></a>

<a href="#" target="_blank"><img src="https://3.bp.blogspot.com/-eBIR8ptGW2o/WXoGXIIo3ZI/AAAAAAAALxQ/R7A9rAI2TY48T0KlQ9eWYmuFUugQRB2uwCLcBGAs/s1600/g%252B.png" style="border: 0px solid; height: 48px; width: 48px;" title="GOOGLE PLUS" /></a>


</div>





Copie o código e adicione como indicado no tutorial do post.
Edite as partes:




Postagens Populares





1. Vá para o Painel do Blogger> Layout> Clique em Adicionar um Gadget> Clique no + em Postagens Populares> Arraste para onde deseja deixar > Clique em Salvar Organização



2. Clique novamente em Postagens Populares e em Editar, e configure ao seu gosto e salve


Calendário para Blog



1. Vá para o Painel do Blogger> Layout> Clique em Adicionar um Gadget> Clique no + em Arquivo do Blog> Configure marcando  Lista Simples > Diariamente > Salve >Arraste para onde deseja deixar > Clique em Salvar Organização.












 Marcadores







1. Vá para o Painel do Blogger> Layout> Clique em Adicionar um Gadget> Clique no + em Marcadores> Configure marcando Lista > Salve >Arraste para onde deseja deixar > Clique em Salvar Organização.







 Instagram 




Entre no site https://snapwidget.com/ , ao entrar autorize em seu instagram, configure e copie o código.


1. Vá para o Painel do Blogger> Layout> Clique em Adicionar um Gadget> Clique no + em Marcadores> Configure marcando Lista > Salve >Arraste para onde deseja deixar > Clique em Salvar Organização.





Cabeçalho



 




1. Edite a imagem do cabeçalho (baixe esse cabeçalho aqui), adicionando o nome do seu blog
aqui indico vários sites ótimos para editar imagens online).

2. Vá para o Painel do Blogger> Layout> Cabeçalho> Clique em Editar> Adicione a Imagem Acima Editada já com o nome do seu blog > Marque a opção  Em Vez de Título e Descrição> Salve.





Menu do Blog







1. Encontre o código abaixo no Layout, substitua 'LINK DO MENU' pelo link do seu conteúdo e o nome MENU pelo título(palavra que vai aparecer).

2. Para encontrar o código vá para o Layout> HTML / JavaScript> Clique dentro e clique em CTRL + F, digite a palavra MENU> Edite o código como explicado acima e salve.



3. Sempre que precisar editar é só abrir o código e trocar o link ou o nome.







<div id='menufixo'>    <center>        <div id='alinhamentohorizontal'><div id='menu'><a 'home'LINK DO MENU'>Home</a><a 'home'LINK DO MENU'>Nome da Aba</a><a 'home'LINK DO MENU'>Nome da Aba</a><a 'home'LINK DO MENU'>Nome da Aba</a>
<form action="/search" class="search" method="get"><input class="searchbar" id="s" name="q" type="text" value="" /><input class="searchbut" type="submit" value="" /></form>
<div id='mymenuright'></div></div>

</div></center></div>







Demais dúvidas, deixe um comentário Aqui










Obrigada por seu download. 
Copyright © 2017. Universo das Dicas