Elementos (anúncios) por autor no Blogger*

Seu blog tem mais de um autor e você gostaria de poder exibir elementos específicos (como anúncios, widgets ou rodapés individuais e personalizados) dependendo de quem publicou determinado post? Então seus problemas acabaram!

No tutorial a seguir você vai aprender como configurar elementos de página por autor no Blogger / Blogspot. Assim cada um poderá veicular sua própria publicidade, seus links para redes sociais ou o que mais der na telha.

É necessário um nível de conhecimento razoável nas características específicas do código do Blogger para aplicar este tutorial. Se você não entender nada, não arrisque.

Nunca é demais lembrar que antes de qualquer modificação no código do seu blog é importante fazer um backup do template, para prevenir qualquer problema durante as alterações e conseqüentes reclamações a minha pessoa ou minha progenitora.

Configurando widgets por autor no Blogger

Para configurar qualquer tipo de elemento de página, conforme o autor do post, vamos usar uma condicional do Blogger. Funciona mais ou menos assim: A condição estabelece que, se (IF) o autor do post for FULANO, é exibido determinado código. Se não (ELSE) é mostrado outro:
<b:if cond='data:post.author == "Fulano"'>
Código do elemento do autor Fulano
<b:else/>
Código do elemento de qualquer autor, exceto Fulano
</b:if>
Importante: O nome do autor usado nesta configuração é o nome para exibição definido no perfil do usuário no Blogger, que aparece no cabeçalho do post assim: postado por: Fulano.

O exemplo acima funciona muito bem para blogs que tenham apenas dois autores cadastrados. A condição identifica o autor FULANO e exibe o código correspondente, se o autor não for FULANO é exibido o outro código.

Esta técnica foi utilizada aqui no UsuárioCompulsivo para colocar o link para o perfil do Twitter conforme o nome do autor do post, adaptando o 3o. passo do tutorial do iceBreaker:
<b:if cond='data:post.author == "Jenny Taylor"'>
<a href='http://twitter.com/jenny_taylor' rel='nofollow' target='_blank' title='twitter'><data:post.author/></a>
<b:else/>
<a href='http://twitter.com/compulsivo' rel='nofollow' target='_blank' title='twitter'><data:post.author/></a>
</b:if>
Para blogs com três autores ou mais, é necessário incrementar o código, incluindo uma nova condição (IF, ELSE) para cada novo autor.

No exemplo abaixo temos um código que funciona para quatro autores, sendo três deles definidos (Fulano, Beltrano e Cicrano) e uma exceção caso nenhum deles seja o autor. A condição do autor Fulano está destacada em vermelho, do Beltrano em verde e do Cicrano em azul:
<b:if cond='data:post.author == "Fulano"'>
Código do elemento do autor Fulano
<b:else/><b:if cond='data:post.author == "Beltrano"'>
Código do elemento do autor Beltrano
<b:else/><b:if cond='data:post.author == "Cicrano"'>
Código do elemento do autor Cicrano
<b:else/>
Código do elemento para qualquer autor, exceto: Fulano, Beltrano e Cicrano
</b:if>
</b:if>
</b:if>
OBS: Dependendo do caso, como na exibição de anúncios, é interessante limitar a execução da condicional abordada neste tutorial apenas nas páginas páginas individuais dos posts (permalinks), afim de evitar conflitos na página inicial.

* Conteúdo exclusivo desenvolvido na CCP**
** Central Compulsiva de POG!

Comentários

  1. Isso é muito interessante. Talvez quando meu blog tiver mais de um autor (sou só eu) ou tiver algum colaborador/autor, eu possa usar esse recurso!

    ResponderExcluir
  2. Nossa que negoçio complicado, o Z1 (meu Blog), agora tem dois autores, mas como ñ uso mais o Adsense, vou ajudar o Tiago (o outro), colocando serviços dele numa seção de contrate, e vou dividir claramente quais serviços são feitos por mim (nenhum praticamente), e quais são por ele (Todos praticamente).

    Vou tentar fazer isso somente para o código do nome do autor para o Twitter, já faço no meu, vou tentar colocar o dele também... dica do iceBracker (se bem que ele ainda nem publicou nada).

    ResponderExcluir
  3. Maravilhoso, vai me resolver alguns problemas, me da uma dica compulsivo:

    Como exibir código Html, assim no meio do post, com uma marcação no fundo de outra cor?

    Gabriel Subtil

    ResponderExcluir
  4. Eu acho injusto só o dono do blog ganhar com AdSense.
    Esse seu tutorial ajuda muito, mas o blog q eu tô fazendo sou só eu mesmo (Melhor assim).

    ResponderExcluir
  5. Blogger está dando erro quando tento encrementar. =(

    ResponderExcluir
  6. ótima dica, muito obrigado! =D
    Vou colocar no meu blog =]

    Abraço

    ResponderExcluir
  7. nossa q doido!!

    meu blog só ta enchendo, esse tuto veio a calhar!!

    vlww Compulsivo!! clap clap clap

    ResponderExcluir
  8. Marcos! - Esse erro aconteceu quando tentei inserir o código no lugar incorreto. Tem que substituir o <­data:post.author/­> que já está no seu HTML por esse código fornecido na postagem. :)

    ResponderExcluir
  9. "Fufou" perfeitamente!
    Muito obrigado tio! Opa, Compulsivo!

    Recomendo colocar "Por " antes do link, pra ficar assim:
    Por Elker.C
    ou "Postado por: "

    =D

    ResponderExcluir
  10. Nosso esse onte codígos me deu nó na minha cabeça, nossa ais complicado do que imaginava.... mais muito funcional
    parabéns vcs sempre com otimas dicas

    ResponderExcluir
  11. Ótima dica,pena que meu blog só tenha 1 autor(eu)...rs
    Eu já uso o tuto do iceBraker com link para o perfil do Twitter conforme o nome do autor do post.
    []s

    ResponderExcluir
  12. Vou ser bem sincero!
    Não entendi direito como fazer!
    Tenho um autor no meu blog... e preciso diferenciá-lo, até já comentamos isso e você veio com essa dica importante. Mas não estou conseguindo fazer!
    1º - Não encontrei o b:if cond='data:post.author
    A primeira dica é uma forma de diferenciar ou foi um exemplo aleatório?

    ResponderExcluir
  13. Muito legal essa dica, com isso todos ganham.

    ResponderExcluir
  14. cara, mto legal seu blog... qdo informação útil!!!
    tb adoro o Blogger/Blogspot e uso de 2004, sem arrependimento nenhum!
    copiei seu template mínimo e vou futucar já já!
    ótimo final de semana!!!

    ResponderExcluir
  15. Genial, quando mal pensamos em uma solução, aqui esta a resposta.

    ResponderExcluir
  16. Excelente dica, vou usar quando meu blog ganhar o mundo e eu precisar de ajuda para atualizá-lo com mais frequência.

    ResponderExcluir
  17. Com esse recurso o blogger se mostra tão vantajoso quanto o wordpress.
    -
    Parece que os impasses na divisão da renda do adsense devem acabar com a implementação dessa dica.

    ResponderExcluir
  18. Efeito do aquecimento global nas mulheres

    rsrsrsrsr

    ResponderExcluir
  19. Olá Compulsivo..

    Essa é uma parte de blogspot pouco esclarecida.
    Se gostar da idéia, acho que seria legal fazer um tutorial explicando o sistema de "blog compartilhado". Quais são as limitações dos convidados a participar do Blog? Caso o blog este configurado para exibir apenas 1 post na página principal, é possível configurar para que um invitado apenas possa editar seu post em paginas internas, chegando a elas por links pre-determinados na primeira página? E assim várias dúvidas que ainda não achei em nenhum "blog help".. Ok.. seu site é excelente.. parabéns!

    ResponderExcluir
  20. Muito bom, pois assim você abrange um conteúdo mais especifico sobre diversos autores vou usar no meu blog valeu.

    ResponderExcluir
  21. Compulsivo, como faço para aplicar o tutorial: "apenas nas páginas páginas individuais" nesse aqui que você citou?

    ResponderExcluir
  22. @Joelfefa, @siga o link que consta nas observações do post...

    []'s
    Compulsivo

    ResponderExcluir
  23. E como é o: "NomeDoElemento"??
    Qual é o nome do elemento desse tutorial?

    ResponderExcluir
  24. Desculpas, por não ser tão entendido no assunto do html, mas em tese, com esse código por exemplo toda publicação qe o outro autor fizer vai direto para o blog principal, sem ele mexer na extrutura e layout do blog, seria isso ?

    ResponderExcluir
  25. E ai compulsivo, primeira vez comentando aqui xD
    cara adoro muito seu blog
    uso ele direto!
    parece que você é de balneário camboriu xD
    aposto que faz faculdade na Univale :D
    jah morei ai muito tempo >o<'

    mais voltando ao assunto
    não consegui cara,
    sempre tem um erro diferente... faltando algo

    tentei colocar entre uma imagem gadget
    para isso coloquei um nome de IMAGEM01
    quando encontrei no HTML
    coloquei entre o elemento o código.
    e nada ><'

    xD
    só recebo essa mensagem:

    "O item de id Image2 não está contido em uma seção (o elemento pai é: b:if)."

    talvez isso responda algo Oo'
    mais se puder ajudar ai seria bom!
    parabéns cara...abraços

    ResponderExcluir
  26. Para funcionar, o nome precisa estar exatamente como o nick do usuário no blogger. Para ver os nomes de todos os envolvidos no blog, basta ir em SETTINGS > PERMISSIONS > Blog Authors, ele lista o nome de todos como deve estar no script.
    []'s
    Obs. Melhor recurso até agora!

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

O que significa DVDRip, DVDScr, R5, etc?

Nomes de todas as igrejas do Brasil

Hospedar JavaScript no Blogger / Blogspot