13/01/2017

Tutorial: Mostrando uma mensagem em todos os posts de determinado marcador

||

Ohayoooooooo bunnie's! Quanto de vocês estão curtindo as férias? Bom eu não kkk é muita criança aqui em casa, está brabo viu? Uma prima com dois filhos, minha tia com três filhos mas a filha que tem filhos, minha avó e mais uma tia. O bom de tudo é que tem bastante gente pra conversar e jogar game. Mas falando em quantidade hoje vou mostrar como colocar uma caixinha de mensagem em todas as postagens com  determinado marcador. 

É ótimo para quem tem blog de tutoriais e gosta de deixar exemplo um aviso de backup antes de mexer nos códigos, ou coisa similar. Então vamos lá ver como faz? É só me acompanhar.

1) Vá em HTML e usando Ctrl+F procure por:
<b:includable id='main' var='top'> 

Assim que achar abaixo dele cole:
<b:includable id='mensagem-marcador' var='post'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
        <b:if cond='data:label.isLast == &quot;true&quot;'>
          <b:if cond='data:label.name == &quot;Marcador&quot;'>
            <div class="mensagem-marcador">
              Mensagem a ser exibida.             </div>
          </b:if>
        </b:if>
      </b:loop>
    </b:if>
  </b:if>
</b:includable>
Substitua a parte em vermelho pelo nome do marcador que deseja que apareça a mensagem. O marcador deve possuir o mesmo noem, o nome deve ser exatamente o mesmo, diferenciando maiúsculas e minúsculas. A parte em Azul é onde colocará a mensagem. Você também poderá colocar links e formatação individual, usando as tags em HTML correspondentes.

2) Agora procure por ]]></b:skin> e acima dele cole o código abaixo:
.mensagem-marcador {background: #ccc; color: #000;}

O código css está limpo, você pode arrumar a cor do fundo, fonte, efeitos etc...

3) Agora pesquise por <data:post.body/> e abaixo dele cole:
<b:include data='post' name='mensagem-marcador'/>
Salve! E verifique se deu certo. Agora é só personalizar como desejar.

Créditos: Icebreaker

Nenhum comentário:

Postar um comentário