Dica:Substituir a palavra "comentários" por imagem

3/22/2013

Olá meninas,

Este é um post um pouco diferente, mas espero que vos ajude e que gostem.
Eu passei muito tempo aqui na net à procura de um tutorial deste genero mas não encontrava nenhum que resolvesse o meu problema.

Há bem poucos dias eu encontrei esse que vos vou ensinar mas ele não estava funcionando direito, então eu melhorei-o e agora venho mostrar-vos como conseguir isso aqui:

Primeiro que tudo faça uma cópia de segurança do seu layout. 
Agora vá até o HTML de seu blog, clique em "Expandir modelos de widget" e depois procure pelo trecho:

<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/> </b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </span>

Substitua por este abaixo:

<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <img src="URL DA IMAGEM"/><b:else/><data:post.numComments/> <img src="URL DA IMAGEM"/> </b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </span>

Agora so têm que substituir o que está em verde pelo URL da imagem que vocês mais gostam.
Se vocês quizerem que apareça a contagem dos comentários em números, pode clicar em Pré-visualizar, se estiver do seu agrado clique em guardar.

 Caso vocês queiram que fique assim como o meu, sem a contagem numérica, delete APENAS  o que se encontra em azul ( ==1 e 1 ), pre-visualize e guarde.

Pronto! Seus cometários estão personalizados e lindos!

Algumas imagens para vos inspirar:



Ficaram com dúvidas? Quer ajuda para fazer a instalação? queres ter a tua imagem personalizada?
Então deixa Comentário ou contacta-me atravez do formulario ali em cima!

Beijo, adoro vocês!



poderás também gostar de:

4 comentários

  1. Аn impressive ѕharе! I've just forwarded this onto a friend who was cߋnducting a little homework onn
    this. Αnd Һe actually bought mme breakfast due to the fact that I discovered іtt for him...
    lol. So allow me to reword thiѕ.... Thank YOU foг the meal!!
    But yeah, thanks for spending some time to talk about
    this topic here on yοur site.

    ResponderEliminar
    Respostas
    1. Hi!
      this is hilarious :) hope this meal was tasty.
      you have a good friend haha

      Thank you for visiting.

      kisses

      Eliminar
  2. Eu não consigo de jeito nenhum.. coloquei o código todo certinho, mas a imagem não aparece e o texto (NENHUM COMENTÁRIO) aparece no blog normalmente.
    Veja: www.kakamotta.blogspot.com

    ResponderEliminar
    Respostas
    1. olá Kamilla.
      tente de novo. se não conseguir pode contactar-me pelo formulário de contacto que eu terei todo o gosto de te ajudar.

      beijinhos

      Eliminar

Subscribe