quarta-feira, 12 de setembro de 2012

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

Tumblr_m96g6ni3611qi23vmo1_500_large

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 

4 comentários:

Unknown disse... [Responder comentário]

Oi linda, disse que vinha conferir e vim! E eu achei super esse tutorial ♥ Boa sorte no concurso!Tudo de bom para você!

Doce Futuro!

Anônimo disse... [Responder comentário]

Ooi amei seu blog ele é lindinho eu to seguindo se vc quizer seguir o meu??
one-teens.blogspot.com()

Compartilhando disse... [Responder comentário]

@BruhSim claro que sigo de volta,logo logo passo por lá beijos

Compartilhando disse... [Responder comentário]

@Hellen GamaValeu flor,beijos