16:47
Taylor LoL ~
O uso das condicionais para a tag data:post.author permite várias utilizações para blogs com equipe de autores. Neste artigo veremos alguns exemplos do que pode ser feito.
É importante observar nesses hacks que o nome do autor deve ter exatamente a mesma grafia que consta como nome de exibição no perfil do autor, por exemplo, ao colocar meu nome é necessário escrever Rô, com inicial "R" em maiúscula, a letra "o" em minúscula e acento circunflexo no "o". Se eu escrever RO, Ro ou RÔ, o hack não funciona.
Também é importante que você fique atento ao fechamento das tags b:if que sempre devem corresponder ao número de "b:if" que você abre.
1) Linkar o nome do autor do post à página de descrição ou "Sobre" (About me)
Alguns blogs de equipe possuem páginas que descrevem cada autor. Para que o leitor conheça melhor o autor do post, pode-se colocar um link em seu nome que direcione à essa página. Ou o administrador pode usar esses links para direcionar à página do Twitter do autor do post, ou ao blog individual de cada um.
Para isso, localize o código do autor do post (abaixo da linha do título do post ou no rodapé):
1 2 3 4 5 6 | <span class='post-author vcard'><b:if cond='data:top.showAuthor'><data:top.authorLabel/><span class='fn'><data:post.author/></span></b:if></span> |
Acrescente as condicionais, como no exemplo abaixo:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <span class='post-author vcard'><b:if cond='data:top.showAuthor'><data:top.authorLabel/><span class='fn'><b:if cond='data:post.author == "AUTOR-1"'><b:else/><b:if cond='data:post.author == "AUTOR-2"'><b:else/><b:if cond='data:post.author == "AUTOR-3"'><b:else/><b:if cond='data:post.author == "AUTOR-4"'><b:else/><data:post.author/> <! -- para postagens do administrador --- >></b:if></b:if></b:if></b:if></span></b:if></span> |
2) Colocando um "avatar" com informações sobre o autor do post no rodapé da postagem
O raciocínio é semelhante, porém você deverá criar algumas class para poder aplicar estilos ao "avatar". Vejamos no exemplo:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <div class='post-footer'><div class='post-footer-line post-footer-line-1'><b:if cond='data:post.author == "AUTOR-1"'><div class='individual'><div class='autor-img'></div><div class='autor-text'><p>Texto descritivo </p></div><div style='clear:both'/></div></b:if><b:if cond='data:post.author == "AUTOR-2"'><div class='individual'><div class='autor-img'></div><div class='autor-text'><p>Texto descritivo </p></div><div style='clear:both'/></div></b:if><!--- abra quantas condicionais precisar ----></div> <!--- fechamento da div para post-footer-line post-footer-line-1 ---></div> <!--- fechamento da div para post-footer ---> |
Exemplo de estilos aplicados às class criadas:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | /* estilo para o container */.individual { background: #F1F0EB;border-top: 1px solid #CC0000;border-bottom: 1px solid #CC0000;margin: 0 2px 9px 0;padding: 5px;}/* estilo para a imagem do avatar */.autor-img { float: left; margin-right: 3px;} /* estilos para o texto */.autor-text { color: #333;font-size: 12px;}/* estilos para os links nos textos */.autor-text a:link, .autor-text a:visited {color: #CC0000;font-size: 12px;text-transform: uppercase;}.autor-text a:hover { color: #CC0000; text-decoration: underline;} |
3) Separar as publicidades do adSense de acordo com o autor do post
Pode-se usar os anúncios da conta de cada autor, ou uma conta única. No segundo caso, para que se possa administrar os resultados das páginas de cada autor, o primeiro procedimento é criar um critério nas configurações do AdSense, por exemplo, nomeando esse critério com o nome do autor:
Feito isso, ao criar o anúncio inclua o critério com o nome do autor. Isso irá gerar um google_ad_slot diferenciado para cada critério. O administrador da conta poderá obter um relatório classificado por critério.
1 2 3 4 5 6 7 8 9 10 11 | <script type="text/javascript"><!--google_ad_client = "pub-xxxxxxxxxxxxx";/* 234x60, post-title, autor Rô */google_ad_slot = "123456789";google_ad_width = 234;google_ad_height = 60;//--></script><script type="text/javascript"</script> |
3.1.) Adicionando o código nas postagens
Para adicionar o código nas postagens, o raciocínio também é semelhante ao dos ítens anteriores. Seja o código da conta individual do autor do post ou o código da conta geral com o critério, basta inserir cada código entre as condicionais. No exemplo o código está na linha abaixo do título dos posts:
1 2 3 4 5 6 7 8 9 10 11 | <div class='post-header-line-1'><b:if cond='data:post.author == "AUTOR-1"'><!--- código do AdSense para o AUTOR-1 ---><b:else/><b:if cond='data:post.author == "AUTOR-2"'><!--- código do AdSense para o AUTOR-2 ---><b:else/><!--- código do AdSense do administrador ---></b:if></b:if></div> <!--- fechamento da div post-header-line-1 ---> |
Lembre-se de alterar os caracteres (parse) de seu código para o perfeito funcionamento ( use a ferramenta do Blogcrowds )
3.2.) Adicionando o código em um widget - sidebar, header, crosscol, etc
Este caso já é mais complicado, pois o Blogger não irá "entender" a tag data:post.author fora do widget "Blog".
A solução é criar um novo widget Blog (veja artigo do Fernando do Quite Random), onde poderemos colocar os includable necessários.
- Escolha o local onde você quer adicionar o widget (sidebar, header, crosscol);
- Em "Editar HTML" deixe desmarcada a opção "Expandir Modelos de Widgets";
- Inclua o código no local escolhido, abaixo da abertura da b:section. No exemplo, coloquei o widget na sidebar:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='Blog99' locked='false' title='Blog Ads' type='Blog'><b:includable id='main' var='top'><b:if cond='data:blog.pageType == "item"'><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop></b:if></b:includable><b:includable id='post' var='post'><center><div class='ads-per-author'><b:if cond='data:post.author == "AUTOR-1"'><!--- código do AdSense do AUTOR-1 ---><b:else/><b:if cond='data:post.author == "AUTOR-2"'><!--- código do AdSense do AUTOR-2 ---><b:else/><!--- código do AdSense do administrador ---></b:if></b:if></div></center></b:includable></b:widget></b:section> |
Essas foram algumas utilizações que já precisei desenvolver usando as condicionais para data:post.author, mas provavelmente existem muitas outras onde hacks semelhantes podem ser aplicados.
