Tutorial-colocar gifs no postado por,tags e comentários

Oi oi oi galera tudo bem?comigo também graças a Deus,vim com um tutorial que é super facil de fazer e com um efeito super fofo nos links:postado por,tags e comentários,vai ficar igual ao meus links logo a baixo mas sem modificar a cor do fundo essa já é outro tutorial se quiserem posto aqui,ok??? bora lá fazer Go >

Antes de ir ao tutorial quero indicar para quem não conhece meus blogs do coração clica   

 Bom aqui alguns mini gifs para vocês usarem no tutorial

                                                                 

Primeiro vamos colocar o gif em Postado Por...
Primeiro, vá a Design>Editar HTML

Depois, marque a opção ''Expandir modelos de widget'' e procure por:

<b:if cond='data:top.showAuthor'>

Depois, cole DO LADO DIREITO esse código:

<img src='url da sua imagem' style='border:0px;'/>

Assim:

<b:if cond='data:top.showAuthor'><img src='url da sua imagem' style='border:0px;'/>

Substitua o texto em vermelho pela URL do mini gif, mas ainda não salve

apenas visualize.

Agora vamos adicionar o gif nos Marcadores “tags”Ainda com a opção ''Expandir modelos de widget'' procure por:

<b:if cond='data:post.labels'>

Também no LADO DIREITO cole o seguinte código:

<img src='url da sua imagem' style='border:0px;'/>

Assim:

<b:if cond='data:post.labels'><img src='url da sua imagem' style='border:0px;'/>

Substituindo o trecho em vermelho pelo URL do mini gif

Novamente só visualize não salve ainda. 

E por fim vamos colocar o gif nos Comentários

Ainda com a opção ''Expandir modelos de widget'' procure o código:

post-comment-link'>

Logo ABAIXO dele, cole o seguinte código substituindo o trecho em vermelho

pela URL da imagem.

<img src='url da sua imagem' style='border:0px;'/>

Assim:

post-comment-link'><img src='url da sua imagem' style='border:0px;'/>

Agora visualize se estiver tudo certinho você já pode salvar.

Créditos ao tutorial para esse blog aqui