quinta-feira, 29 de setembro de 2011

Adicionando imagem nos links "Postagens mais recentes" "início" "Postagens mais antigas"

Hooy gente Outra imagem nada a ver com o post? Já esta ficando chato eu sei, mais fazer o que se a imagem é super fofa  (Risos).
Gurias & Guris esse tutorial já é mega rodado em blogs de tutoriais dicas e afins, mais uma leitora me pediu e aqui está! Pra dar um diferencial fiz algumas imagens demonstrativas quem quiser usar fique a vontade. O tutorial em si, é isso adicionar imagem nos links "Postagens mais recentes" "início" "Postagens mais antigas" como mostra a imagem a baixo veja:
confira o tutorial clicando em leia mais 

 Alterando “Postagens recentes” (do lado esquerdo):
vá no seu HTML marque a opção ''expandir modelos de widgets'' dê um CTRL + F e procure por:   <data:newerPageTitle/>   
apague somente esse trecho destacado e no lugar cole  <img src="URL DA IMAGEM" />  onde está URL DA IMAGEM e coloque a URL da imagem que você quer que apareça no lugar ''postagens recentes''

 Alterando ''Início'' (centro) 
agora procure por:   <data:homeMsg/>
apague e no lugar cole <img src="URL DA IMAGEM" /> e coloque a URL da sua imagem

 Alterando ''postagens Antigas'' (do lado direito)
agora procure por:   <data:olderPageTitle/>  
apague e no lugar coloque <img src="URL DA IMAGEM" /> não esqueça de colocar a URL da sua imagem !

97Algumas imagens prontas de exemplos (sem fundo transparente) :
the image                the image            the image
a imagem          the image          the image
a imagem          the image          the image
the image           a imagem               a imagem
Gente vocês também podem fazer suas próprias imagens e hospedá las em algum site de hospedagem (Jura jackie!) por exemplo: http://imgur.com/ 

E para pegar a URL de uma imagem é só clicar sobre ela e selecionar a opção >COPIAR URL DA IMAGEM<
                                              
É isso ... Gurias !

48 comentários :

  1. entao esse Tutu ja é rodadoo em Kkk ..
    adorei a letra da segunda imagem que vcê disponibilizou =D
    Bjs :l:

    ResponderExcluir
  2. AAAAA! ESSE TUTORIAL É O QUE EU TO PROCURANDO A MESES!!!


    MT VALEU! vou testar agr... blogdathatymello.blogspot.com

    ResponderExcluir
  3. Aii eu amey a imagem kk Lindinhas elas jogando UNO

    Obrigada viiu !

    ResponderExcluir
  4. Não consegui... Quando eu edito, não aparece.
    Ex:

    Eu Editei o "Postagens Recentes". Quando visualizo excluiu a opção Postagens Antigas....

    ResponderExcluir
  5. Amei que fofas, *-* vou fazer lá no blog! bjs http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  6. KKK! Esquece.. eu consegui... eu tava fazendo uma coisa mt besta!

    ResponderExcluir
  7. Seu tuto tah bem explicado.. Vo tentar fazer *-*. Nossa é tragico mesmo, a minha cidade é tragica, oapksospa.

    Ah vc merece a tag, e sobre a elite, Obg *-*.

    Bjok´, fraan

    http://cidade-de-garotas.blogspot.com/

    ResponderExcluir
  8. aah *-*
    cada dia eu amo seu blog mais e mais e mais auehuaeha
    to arrumando ele, colocando uma coisinha aqui e ali, tudo daqui xD
    beijos :***

    ResponderExcluir
  9. Adorei, ótima dica
    http://marifriend.blogspot.com/

    ResponderExcluir
  10. hey, posso te fazer uma pergunta?
    qual o nome da fonte da segunda imagem dos exemplos?
    to in love *-* uheuae

    ResponderExcluir
  11. Maei esse tuto. Se não se importa peguei algumas das imagens disponibilizadas *_*.

    bjos

    http://maah5mais.blogspot.com

    ResponderExcluir
  12. oii flor participa do concurso pq nñ precisa ter twitter pra participar só pede mas nñ é obrigatório ter
    bjinhos
    http://a-vida-no-ballet.blogspot.com/p/1-concurso

    ResponderExcluir
  13. Adorei a dica!!

    Vou tentar aqui!!

    Um beeijo..

    http://maryhitner.blogspot.com/
    @maryhitner

    ResponderExcluir
  14. adorei o tutorial, mas tenho o > medo de mexer no blog e bagunçar tudo!!! :D
    bjnssss ♥ ♥ ♥
    Luíza
    http://jornaldaluluteen.blogspot.com

    ResponderExcluir
  15. A dica é muuuuuuuuuuito válida! Adorei a explicação do tutorial.
    Beijinhos :*

    ResponderExcluir
  16. HAHA' muito fofa mesmo a imagem
    amei s2'

    Bjs

    ResponderExcluir
  17. Linda,amei o blog,seguindo segue de volta:novidadesdadids.blogspot.com

    ResponderExcluir
  18. Adoro seu blog ele é super lindo vIw vc ta de parabens :h:

    ResponderExcluir
  19. Obigada jackie! era o que eu estava procurando.Desculpa pelo blog sem nada,é porque eu to arrumando ele. bjs thau

    visitem aí: www.meninacute-s2.blogspot.com

    ResponderExcluir
  20. ei esse codigo nao tem no meu html

    qual é o certo?

    ResponderExcluir
  21. hoy , jaackie , eu sou nova no mundo das bloggeiras e eu fiz uma besteira eu copiei o link das imagens em vez da ULR da img e fikou i link das imagens nesses lugares , sera que tem como reverter ? Voc poderia me dizer ?

    imfragilegirl.blogspot.com

    Beijos guria ,

    ResponderExcluir
  22. Jackiie , qual a fonte que vc utiliza na imagem que da nomes a "postagens antigas " , etc ?

    ResponderExcluir
  23. Fiz isso no meu blog! Ficou lindo!

    cdiasblog.blogspot.com

    ResponderExcluir
  24. amei! Meninas entrem no meu blog!

    http://chocolateh-pink.blogspot.com/ :l:

    ResponderExcluir
  25. Oi Jackie eu tentei nao deu :(
    Nao achou o código :(

    ResponderExcluir
  26. Muito bom, eu coloquei no meu blog ee amei.
    Olha só : www.mundogarotassonhadoras.blogspot.com

    ResponderExcluir
  27. Este comentário foi removido pelo autor.

    ResponderExcluir
  28. anonimo eu acho que voce nao marcou a opçao 'expandir modelos de widgets' tambem aconteceu isso comigo.. mas eu consertei e nao deu mas eu fiz tudo certinho mas quando fui visualizr deu erro

    ResponderExcluir
  29. Eu coloquei no meu também, amei!!!
    bêzo!

    ResponderExcluir
  30. To seguindo,segue de volta*-*
    www.coisasdemenina-vicky.blogspot.com
    :h:

    ResponderExcluir
  31. eu fiz alguma coisa errada, tem 2 ""
    e o primeiro é o q tinha q substituir, mas eu substitui o segundo aí eu salveii e a immagem início não apareceu, ai eu voltei pra colar o no lugar denovo, mas daí apareceu um erro e agr n consigo arrumar, ajuda?

    cherry-miint.blogspot.com

    ResponderExcluir
  32. Nossa Jackie, amei... E consegui colocar no meu blog :h: Seu blog é muito perfeito!! Beijooos
    http://www.piinkglamour.blogspot.com

    ResponderExcluir
  33. jack, eu não consegui achar os codigos!

    http://www.cravos-e-rosas.blogspot.com.br/

    ResponderExcluir
  34. :k: gostei d+ da tuto, muito boa.

    ResponderExcluir
  35. me ajudou bastante, obrigado :)

    http://garotadossignos.blogspot.com.br/

    ResponderExcluir
  36. Adoro seus tutoriais, me ajudou com meu blog *-*
    http://adorobadulaque.blogspot.com.br/

    ResponderExcluir
  37. Consegui OMG ficou tão lindo *-*

    ResponderExcluir
  38. Muito obrigada Jackie, amei o tuto ^3^
    #May-Sun

    layrakauana.blogspot.com

    ResponderExcluir

.