7 de abr de 2013

Colocar informações do autor do blog ao pé do post



Coloque em seu blog, no pé das postagens informações sobre o autor. É possível colocar de vários autores se o seu blog tiver mais de um escritor, o que você tem a fazer é seguir a tutorial e colocar seu nome e endereço de imagem  assim como endereço de suas páginas sociais. Mas atenção, o nome tem que ser exatamente igual a seu nome usado no perfil do Blogger, com letras maiúsculas, acentos, enfim, tem que ser igualzinho, ou não dará certo.


Vá até o "Modelo de seu blog", clique em "Editar HTML"
  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011









Agora procure por: ]]></b:skin>  



Acima dele, cole o código abaixo:


/* Autores
----------------------------------------------- */

#post-footer-autor {
width: 100%;
height: 127px;
background: #e6e6e6; /*Cor do plano de fundo*/
margin: 8px 0px 8px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 2px solid #ccc;
}
#autor-sobre {
padding-right: 5px;
margin: 0px;
}
#autor-img {
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);
float: left;
margin: 7px;
}

#autor-img  img:hover {
-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

#autor-sobre p{
font-size: 12px;
padding: 10px;
margin: 0;

text-transform: normal;
color: #333; /*Cor do texto*/
}
#autor-sobre a{
color: #3d85c6; /*Cor dos links*/
text-decoration:none;
}
#autor-sobre a:hover {
color: #9A9A9A; /*Cor dos links ao passar o mouse*/
text-decoration:underline;
}


Clique em "Expandir modelos de widgets"




Procure por:

 <div class='post-footer-line post-footer-line-2'>


E abaixo dele, cole o código abaixo, colocando seu nome EXATAMENTE como está em seu perfil. Tendo mais de um autor em seu blog, cole novamente o mesmo código,  mas dessa vez, com os dados do outro autor.



<!-- Resumo dos autores-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot; NOME DO AUTOR AQUI &quot;'>
<div id='post-footer-autor'>
<div id='autor-img'>

<img height='90px' src='ENDEREÇO DE SUA FOTO' width='80px'/>
</div>

<div align='right'>
<a href='ENDEREÇO DE SEU BLOG'><img border='0' src='http://3.bp.blogspot.com/-ULQT58b38Ls/US_dOumijuI/AAAAAAAABuE/ga37dOJMUyM/s1600/blogger48.png' width='30px'/></a>
<a href='ENDEREÇO DE SEU FACEBOOK'><img border='0' src='http://3.bp.blogspot.com/-Kc794L0ii0Y/US_c4p7yGdI/AAAAAAAABtU/K_dsnRRCkuk/s1600/facebook48.png' width='30px'/></a>
<a href='ENDEREÇO DE SEU TWITTER'><img border='0' src='http://1.bp.blogspot.com/-cR7p8MmBZAA/US_c5CXsdgI/AAAAAAAABto/p0RD1aNcKv4/s1600/twitter48.png' width='30px'/></a>
<a href='ENDEREÇO DE SEU YOUTUBE'><img border='0' src='http://4.bp.blogspot.com/-veQx7zDGmok/US_c5JNPx9I/AAAAAAAABts/2duJoO47Cv4/s1600/youtube48.png' width='30px'/></a>
<a href='mailto:ENDEREÇO DE SEU EMAIL'><img border='0' src='http://2.bp.blogspot.com/-I-dQL7zKI3s/US_dOlkTh9I/AAAAAAAABuI/iZGU-PmdeiI/s1600/gmail48.png' width='30px'/></a>
<a href='ENDEREÇO DO FEED DE SEU BLOG'><img border='0' src='http://3.bp.blogspot.com/-3ttj1aNyap8/US_c4yM7iUI/AAAAAAAABtk/vLHEU8UHpMQ/s1600/rss48.png' width='30px'/></a>
</div>
<div id='autor-sobre'>
<p>
<b>Sobre o autor:</b>
ESCREVA ALGO SOBRE VOCÊ<a href='ENDEREÇO DO LINK'>LINK ALGO</a></p>
</div>
</div>
</b:if>
</b:if>
<!--Resumo dos autores Final-->


2 comentários:

  1. Respostas
    1. Também... tentei colocar em outras partes do blog e mesmo assim não aparece :/

      Excluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube