Muito bem essa parte vocês tem que prestar bastante atenção,ok ?
E se seguirem direitinho passa a passo o que irei ensinar não ira sair nada errado e o lay ficará como o daqui. ^^
E se seguirem direitinho passa a passo o que irei ensinar não ira sair nada errado e o lay ficará como o daqui. ^^
1. Colocando o Cabeçalho+menu:
Eu tive alguns erros com o lay mas nada com que deva se preocupar, ao invés de você ir mudar o cabeçalho pelo layout sugiro que vá pela propria pagina do seu blog mesmo, só clicar no icone como uma ferramenta que fica no cabeçalho do lado direito da tela do seu pc.
veja exemplo na imagem:
<center><div style="left: 0px; margin-top: -292px; position: absolute;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFwE6pTHmym0KrnkLpTiOrJocCoYhQSvG6jo1wPU0N6GMkRJqmGZHWq5y8_-LaznUAb17kOMBJCiRGUHMI5-20e7vGqQj9JqOSO9j59_PaJnQDJUnjfZcBkI8Ze1KnmWhECgUX2ILGzVuH/s1600/Untitled+201.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFwE6pTHmym0KrnkLpTiOrJocCoYhQSvG6jo1wPU0N6GMkRJqmGZHWq5y8_-LaznUAb17kOMBJCiRGUHMI5-20e7vGqQj9JqOSO9j59_PaJnQDJUnjfZcBkI8Ze1KnmWhECgUX2ILGzVuH/s1600/Untitled+201.png" /></a></div>
<center><div style="left: 460px; margin-top: 10px; position: absolute;">
<a href="http://www.blogger.com/SEULINK.COM"></a><br />
<div class="Glow">
<center><a href="LINK">Inicio</a>
<a href="LINK">Sobre</a>
<a href="LINK">Contato</a>
<a href="LINK">Tutorias</a>
<a href="LINK">Mangás</a>
<a href="LINK">Animes</a>
<a href="LINK">Parcerias</a>
</center></div></div></center></center>
Os links são do cabeçalho e do menu, mude apenas os links coloridos e se necessários.
Verde: link da imagem do cabeçalho
''LINK'' troque para o link correspondente ao menu
ATENÇÃO - mude os números em vermelho só se for necessário
Vermelho: Caso no seu blog não tenha ficado na posição direitinha só ir mudando os numeros em vermelho, left(esquerda) margin-top(subir ou descer)
(edite a imagem e coloque o título do seu blog - clique antes de salvar)
2.Colocando a assinatura
Quando você trocar o layou sua assinatura não irá aparecer, calma rs, temos que mudar uma pequena coisinha no htmal do blog, segue o tutorial:
(clique antes de salvar, edite e troque pelo link)
3. Colocando os afiliados
Na lateral vai ter um gadget ou vai criar com o nome de afiliados, cole o seguinte link:
Prontinhooo, se você seguir tudinho direitinho vai da tudo certo, ok? Maas caso algo não tenha saido certo me mande um e-mail, mas só vou responder se for por e-mail, viu?
para: animeshoujoo@hotmail.com
Se tudo ficar ok ou vc já saber editar e organizar, ignore tudo kkk... Bjinhos :**
''LINK'' troque para o link correspondente ao menu
ATENÇÃO - mude os números em vermelho só se for necessário
Vermelho: Caso no seu blog não tenha ficado na posição direitinha só ir mudando os numeros em vermelho, left(esquerda) margin-top(subir ou descer)
(edite a imagem e coloque o título do seu blog - clique antes de salvar)
2.Colocando a assinatura
Quando você trocar o layou sua assinatura não irá aparecer, calma rs, temos que mudar uma pequena coisinha no htmal do blog, segue o tutorial:
2. Agora vá em, Modelo -> Editar HTML e procure por:
<div class='post-footer'>
O primeiro que aparecer cole abaixo esse código:
<b:if cond='data:post.author == "NOME DO AUTOR"'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
E onde ta escrito ''link da imagem'' cole o link da imagem da sua
assinatura, e onde ta escrito ''nome do autor'' você vai colocar o mesmo
nome do autor (por exemplo: se estiver assim =^Thays^= você deve por
assim). Caso você queira por para todos que postam em seu blog só
repetir o link e colocando os nomes dos autores, ficando assim:
<b:if cond='data:post.author == "NOME DO AUTOR1"'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
<b:if cond='data:post.author == "NOME DO AUTOR2"'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
<b:if cond='data:post.author == "NOME DO AUTOR3"'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
Aaah e caso você ou outro postador de seu blog alterar o nome no blogger
a assinatura irá sumir a não ser que você vá e altere também o nome no
HTML, certinho?
(clique antes de salvar, edite e troque pelo link)
3. Colocando os afiliados
Na lateral vai ter um gadget ou vai criar com o nome de afiliados, cole o seguinte link:
<center><a href="Link do blog" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzaufW4dpl8-zqUH2AvIvm3HPOy57fLEEBJnbsPXXE6NRnStSASGnWWxoSKdI6RMb7GtnhkSWQGm-nKs1AM0FisBXw9eOehZRGP7cg0bS1UpGa7o7uueIizw3lKZioDc1iEHU24FdYIgyk/s1600/ZYVXo6L.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a></center>Troque (http://www.blogger.com/LINK) pelo link da pagina de sua parceria e (nome do blog) pelo nome.
<center><a href="Link do blog" style="font-size: 100%; text-align: left;" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH3bPxdmeV91EYh4anD-DvOu7NVb3pdVMPjadY_d6KfporNm9lh8HzpkSMU1asw32tq045d1tuMiqLBKURndnAjOHeRu3jiM5VUzB9bmK_Lw4uNJg4nzYEEcPzzAV72H5VRaQmpAUxef4/s1600/neptunia-animation.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a> <a href="Link do blog" style="font-size: 100%; text-align: left;" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH3bPxdmeV91EYh4anD-DvOu7NVb3pdVMPjadY_d6KfporNm9lh8HzpkSMU1asw32tq045d1tuMiqLBKURndnAjOHeRu3jiM5VUzB9bmK_Lw4uNJg4nzYEEcPzzAV72H5VRaQmpAUxef4/s1600/neptunia-animation.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a> <a href="Link do blog" style="font-size: 100%; text-align: left;" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH3bPxdmeV91EYh4anD-DvOu7NVb3pdVMPjadY_d6KfporNm9lh8HzpkSMU1asw32tq045d1tuMiqLBKURndnAjOHeRu3jiM5VUzB9bmK_Lw4uNJg4nzYEEcPzzAV72H5VRaQmpAUxef4/s1600/neptunia-animation.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a> <a href="Link do blog" style="font-size: 100%; text-align: left;" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH3bPxdmeV91EYh4anD-DvOu7NVb3pdVMPjadY_d6KfporNm9lh8HzpkSMU1asw32tq045d1tuMiqLBKURndnAjOHeRu3jiM5VUzB9bmK_Lw4uNJg4nzYEEcPzzAV72H5VRaQmpAUxef4/s1600/neptunia-animation.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a> <a href="Link do blog" style="font-size: 100%; text-align: left;" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH3bPxdmeV91EYh4anD-DvOu7NVb3pdVMPjadY_d6KfporNm9lh8HzpkSMU1asw32tq045d1tuMiqLBKURndnAjOHeRu3jiM5VUzB9bmK_Lw4uNJg4nzYEEcPzzAV72H5VRaQmpAUxef4/s1600/neptunia-animation.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a> <a href="Link do blog" style="font-size: 100%; text-align: left;" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH3bPxdmeV91EYh4anD-DvOu7NVb3pdVMPjadY_d6KfporNm9lh8HzpkSMU1asw32tq045d1tuMiqLBKURndnAjOHeRu3jiM5VUzB9bmK_Lw4uNJg4nzYEEcPzzAV72H5VRaQmpAUxef4/s1600/neptunia-animation.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a> <a href="Link do blog" style="font-size: 100%; text-align: left;" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH3bPxdmeV91EYh4anD-DvOu7NVb3pdVMPjadY_d6KfporNm9lh8HzpkSMU1asw32tq045d1tuMiqLBKURndnAjOHeRu3jiM5VUzB9bmK_Lw4uNJg4nzYEEcPzzAV72H5VRaQmpAUxef4/s1600/neptunia-animation.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a> <a href="Link do blog" style="font-size: 100%; text-align: left;" target="_blank" title="Nome do Blog"><img class="borderimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH3bPxdmeV91EYh4anD-DvOu7NVb3pdVMPjadY_d6KfporNm9lh8HzpkSMU1asw32tq045d1tuMiqLBKURndnAjOHeRu3jiM5VUzB9bmK_Lw4uNJg4nzYEEcPzzAV72H5VRaQmpAUxef4/s1600/neptunia-animation.jpg" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a><center></center></center>
Prontinhooo, se você seguir tudinho direitinho vai da tudo certo, ok? Maas caso algo não tenha saido certo me mande um e-mail, mas só vou responder se for por e-mail, viu?
para: animeshoujoo@hotmail.com
Se tudo ficar ok ou vc já saber editar e organizar, ignore tudo kkk... Bjinhos :**
Nenhum comentário:
Postar um comentário