13/01/2017

Mostrando uma mensagem em todos os posts de determinado marcador


Ohayoooooooo bunnie's! Quanto de vocês estão curtindo as férias? Espero que todos vocês! Mas vamos lá ao que interessa, hoje vou ensinar como colocar uma caixinha de mensagem em todas as postagens de um 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:

Códigos
<b:includable id='main' var='top'> 

Assim que achar abaixo dele cole:

Códigos
<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:

Códigos
.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:

Códigos
<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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345