Os blogs hospedados no Blogger (ou Blogspot) contam com um novo recurso de personalização por meio dos Marcadores (ou labels). Com ele, dá pra configurar um conjuntos de posts de acordo com o seu marcador.
Antes de iniciarmos, devemos levar em conta alguns aspectos: você usa marcadores no seu blog? Você os usa de forma correta? Para responder essas perguntas e auxiliá-lo, leia "Use as tags com moderação", onde falo sobre o uso dos marcadores como marcador mesmo dos assuntos do seu blog.
Com esses dois aspectos levados em consideração, podemos partir para o post. Para isto, vamos utilizar um exemplo: digamos que você tem um blog de tecnologia, especificamente falando de Sistemas Operacionais. Para categorizá-los você usa três marcadores: Windows, Android e iOS. Você quer que os posts com cada marcador se diferenciem, seja com um background diferente ou com uma logo no topo do post destes sistemas.
Para fazer isso, antes você poderia recorrer ao javascript ou outra linguagem, mas agora este processo está bem mais simples, pois o Blogger criou uma nova condicional para os Marcadores. Veja:
<b:if cond='data:post.labels any (l => l.name == "Windows")'>
<img src=’/img/windows-logo.jpg’ />
<b:if/>
<img src=’/img/windows-logo.jpg’ />
<b:if/>
Simples assim. Você coloca o valor do marcador ali onde está o Windows e tudo o que estiver dentro desta condicional será aplicado apenas aos posts correspondentes.
Mas calma lá. Este código só pode ser aplicado dentro de:
<b:includable id='post' var='post'>...</b:includable>
Vá fazendo testes, tendo ideia de qual elemento colocar em cada marcador.
Alguns exemplos de uso
O primeiro exemplo é o que ilustra esse post: imagens do logo de cada S.O. Para isto, você cria três condicionais diferentes e põe imagens diferentes nelas. Caso você precise configurar algum estilo CSS nelas, adicione uma classe e faça as modificações necessárias dentro de um <style></style> separado.
Caso você crie um <style> dentro de uma condicional para uma mesma classe, a última criada será aplicada em todos os posts na página inicial. O resultado esperado só se aplicará dentro do post.
Como dito na observação acima, o uso de <style> dentro da condicional desejada será aplicado em todos os objetos que tiverem a classe alterada na página inicial.
Bom, é isso! Faça alguns testes e nos diga o que você achou. Ah, e se descobriu alguma coisa ou teve ideias de uso, compartilhe com a gente!
Bom, é isso! Faça alguns testes e nos diga o que você achou. Ah, e se descobriu alguma coisa ou teve ideias de uso, compartilhe com a gente!
