segunda-feira, 16 de maio de 2011

Main Menubar


Main Menubar
PSD | 29 mb

Marcadores: , ,

Colocando uma caixa de crédito para cada autor do blogger

Olá Pessoal que visitam este Blogger hoje é o meu primeiro post aqui no Blogger espero que vocês gostem e continue sempre visitando este maravilhoso Blogger, meu nome é Danilo Mamedes, e que tornar os leitores fazer do Blogger a melhor Plataforma pra Blogar, entao vamos deixar de papinho e ir direito ao que interessa, eu nao sei se ja tem este tipo de Post aqui no blogger se tiver, espero que compreenda, e se tiver algum erro no Post, favor Contatar-me, Entao vamos lá...

Você tem um blog com vários autores que contribuem com conteúdo, e você quer mostrar a sua pequena biografia, na casa de crédito no final de cada post.

Então aqui está como fazer isso seguindo alguns passos 

Aqui está o que precisamos fazer:

1, Em primeiro lugar, você encontra essa linha <data:post.body/> 



<div style='clear:both'/>                                                                                   <div id='creditbox'>                                          <!-- Início da  Informação da Biografia do Autor-->                                          <b:if cond='data:blog.pageType == "item"'>                                         <!-- Informação do Primeiro Autor -->                                             <b:if cond='data:post.author == "NOME DO PRIMEIOR AUTOR"'>                                                 <img class='authoravatar' height='39' src='URL DA IMAGEM DO PRIMEIRO AUTOR' width='39'/>                                                 <div class='postauthor'>                                                                                                           <h3><a href='URL DO PRIMEIRO AUTOR'>NOME DO PRIMEIRO AUTOR </a></h3>                                                     <p> NOTAS SOBRE O PRIMEIRO AUTOR </p>                                                 </div>                                                 <div style='clear:both'/>                                                     </b:if>

<!-- Informação do Segundo Autor -->                                             <b:if cond='data:post.author == "NOME DO SEGUNDO AUTOR"'>                                                 <img class='authoravatar' height='39' src='URL DA IMAGEM DO SEGUNDO AUTOR' width='39'/>                                                 <div class='postauthor'>                                                                                                           <h3><a href='URL DO SEGUNDO AUTOR'S URL'>NOME DO SEGUNDO AUTOR </a></h3>                                                     <p> NOTAS SOBRE O SEGUNDO AUTOR </p>                                                 </div>                                                 <div style='clear:both'/>                                                     </b:if>
.......................                                          </b:if>                                         <!-- Fim Autor Biografia -->                                     </div><div style='clear:both'/>  

 Notas :
1 - NOME PRIMEIRO do AUTOR: Substituir este com o nome de seu primeiro autor. Nome do autor deve ser tão exatamente como o nome que mostrou no seu perfil.
2 - NOME DO SEGUNDO AUTOR : Substituir este com o nome de seu segundo autor
3 - URL IMAGEM PARA O PRIMEIRO AUTOR: Substitua esta com o link para o seu avatar primeiro autor ou de imagem.
4 - URL IMAGEM PARA SEGUNDO AUTOR: Substitua isso com o link para o seu avatar primeiro autor ou de imagem.
5 - NOTAS SOBRE O PRIMEIRO AUTOR: Substitua esta pequena biografia com o autor, o perfil ...
6 - NOTAS SOBRE O SEGUNDO AUTOR: Substitua esta pequena biografia com o autor, o perfil ...
7 - URL DO PRIMEIRO AUTOR: Substituir esse link para a página com perfil de autor ou link para uma conta na rede social.
8 - URL SEGUNDO AUTOR: Substituir esse link para a página com perfil de autor ou link para uma conta na rede social.

No caso de existirem mais de um <data:post.body/> no resultado da busca, você pode colar este código depois que todos os resultados.
Se você tiver mais de dois autores, pode duplicar o código de informações do primeiro autor ou informações sobre o autor do segundo e, em seguida, mudar o nome, link, bio ...

2, Adicionar o código CSS antes <body> para decorar a caixa de crédito:
<style>
                                     # {Creditbox
                                       background: none repeat scroll 0 0 # EDEDED;
                                       padding: 10px;
                                       margin-top: 10px;}
                                       . Authoravatar {float: left; margem direita: 10px; padding: 4px; background: # fff; border: 1px solid # f0f0f0;}
                                       . Postauthor {float: left;}
                                     </ Style>

Bom pessoal por hoje é só  espero que vocês tenha gostado, e não esqueça de deixar seu comentário e aguarde mais...

Marcadores: , ,