23 de abr de 2010

Imagem diferente na postagem para cada autor do Blogger

Se você tem um blog e aprendeu AQUI a deixa-lo coletivo (mais de um comentarista) coloque então  um código para identificar através de um avatar (imagem de foto)  para cada um dos autores. Isso é bom para que não dê confusão entre os visitantes de seu blog.Veja o exemplo AQUI.



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.
Vá até o HTML de seu blog e clique em "Expandir modelos de widget"


Agora procure pelo código:


<div class='post-header-line-1'/>

E abaixo dele cole o seguinte código fazendo as modificações nos locais conforme se pede.
 


 <div class='post-footer'>
<div class='autor-post'>
<span class='autor-post'>
<b:if cond='data:post.author == &quot;NOME DO BLOGUEIRO 1&quot;'>
<span class='author'><img src='ENDEREÇO DA IMAGEM DO PERFIL 1'/>Postado por<b> </b><a href='ENDEREÇO DO PERFIL 1'>
<b>NOME DO BLOGUEIRO 1</b>
<div class='red tit-arial' style='font-size: 11px; '>DISCRIÇÃO DO BLOGUEIRO 1</div>
</a>
</span>
</b:if>
<b:if cond='data:post.author == &quot;NOME DO BLOGUEIRO 2&quot;'>
<span class='author'><img src='ENDEREÇO DA IMAGEM DO PERFIL 2'/>Postado por<b> </b><a href='ENDEREÇO DO PERFIL 2'>
<b>NOME DO BLOGUEIRO 2</b>
<div class='red tit-arial' style='font-size: 11px; '>DISCRIÇÃO DO BLOGUEIRO 2</div>
</a>
</span>
</b:if>
</span>
</div></div>



Atenção que os nomes devem estar escritos EXATAMENTE igual estiver escrito nas postagens, e as imagens deixe que cada um escolha a sua.


PRESTE ATENÇÃO PARA NÃO APAGAR NADA ALEM DO QUE DEVE, UMA ASPA APAGADA UM PONTO PODERÁ DAR ERRO.

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


e acima dele cole o próximo código:


.autor-post {
width: 97%;
height: 85px;
background: #437818;  /*aqui a cor de fundo*/
margin: 1px 0 3px 0;
padding: 4px;
}
.author img{
width: 60px;
height: 70px;
float: left;
padding: 5px 5px 5px 15px;
margin: 1px 4px 1px 1px;
}



Endereço do perfil é o edndereço da barra de navegação do perfil seu e de seu convidado.



Para a imagem do avatar eu recomendo que vc clique na foto do perfil do seu convidado, ao abrir, clique sobre a foto com o botão esquerdo do mouse, clique então em "Copiar endereço da imagem", ou "Copiar URL da imagem" ou em "Propriedades"



4 comentários:

  1. MUITO BOA A DICA...
    SÓ QUE NA SEGUNDA POSTAGEN DO MEU CONVIDADO DEU ERRO ,É QUE APARECEU MEU NOME E MINHA FOTO NO LUGAR DA DELE....QUE SERÁ QUE OUVE?

    ResponderExcluir
  2. Eu conseguiu fazer e fiz ate umas coisas a mais que ficaram aceitaveis.meu blog : osraspados.blogspot.com , mas eu queria saber se tinha jeito de tipo deixar a imagem e o nome do autor no centro.Tipo nem na esquerda nem na direita.i ai , tem como?

    ResponderExcluir
  3. Eu não consegui fazer. >< Aparece "Erro ao analisar XML, linha 1627, coluna 7: The element type "span" must be terminated by the matching end-tag ""." E eu me certifiquei de não ter tirado nada, podem me ajudar por favor... Meu e-mail é lukas-kampos@hotmail.com

    ResponderExcluir

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