Como colocar uma imagem ao lado dos títulos da sidebar?

em 13 de abril de 2010

ajuda Dê uma olhada na minha sidebar)(coluna lateral)!Pode olhar, ela é bonitinha… Viu as imagens ao lado do título de alguns gadgets(elementos de página).Ficou legal, né? Quer aprender? Vamos lá:

Primeiro e principalmente faça backup do seu blog, pois se algo der errado (não dará) você restaura e tudo fica como d’antes. Agora abra seu painel do blog e clique em Layout. Aí você clica na aba Editar Html. Agora clique em Expandir modelos de widgets:

image

Agora, usando Ctrl+f  ou pressionando a tecla F3 procure o gadget ao lado do qual você quer colocar imagem , assim como eu fiz :

image

Seus gadgets precisam ter nome, daí fica fácil encontrar cada um em seu código-fonte. Achou qual você queria? Agora note que logo abaixo dele tem este trecho: <h2><data:title/></h2>.
Substitua por este:
<h2><img src="AQUI O ENDEREÇO DE SUA IMAGEM"/><data:title/></h2>
Mas, dependendo do template, pode ser que o código a ser mudado seja este:
<h2 class='title'><data:title/></h2>
Neste caso substitua por este:
<h2 class='title'><img src='ENDEREÇO DA IMAGEM'/><data:title/></h2>

Claro que você precisa ter a imagem pronta e já hospedada em um site. Nesta postagem aqui eu ensino como redimensionar uma imagem e onde hospedá-la. Outra dica é que sua imagem não deve ser muito grande. E escolha imagens criativas, de preferência diferentes das que eu usei. Seja original. Neste blog aqui tem mais de 200.000 ícones para você se inspirar!

Vá testando e visualizando até ficar do seu gosto. Depois de pronto clique em Salvar. Para cada gadget que você tiver em sua sidebar e quiser colocar uma imagem vá repetindo o processo. É muito divertido e personaliza bem o blog.

Atualização: Eu não uso mais imagens diferentes, mas aqui você confere um exemplo de como fica.
 linezl0
Quer aprender como colocar uma ferramenta de tradução em seu blog? Já ensinei aqui mas agora tem bandeirinhas animadas!

Veja o código:


Modifique apenas onde está SEUBLOG e depois cole em Html/javascript. Salve e veja que legal! Aprendi aqui.


Atenção!

Semana que vem tem mais. Vou contar como colocar a opção Imprimir e Enviar postagem por email. E mais umas coisinhas interessantes. Marque na sua agenda. Promete que vem?
linezl0

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

28 comentários , comente também!

  1. Linda dica, quando me der coragem de mexer lá por dentro,vou tentar...Sou muito "borrada",rsrsr...Me imagino colocando o blog no lixo...e depois me escabelando!Masum dia,vou usar!beijos,obrigado!chica

    ResponderExcluir
  2. Eu sempre venho, mas queria tanto ter mais tempo para colocar em prática, muito do que você ensina. Agora mesmo vou na sua seção de dicas, reaprender como colocar no início de cada postagem o selo da Promoção de 1 Ano do meu blog, como esta que estar aqui no seu. Elaine meu blog está fazendo 1 Ano acredita? Nossa como passou rápido que quase passou batido, resolvi fazer a Promoção assim de última hora, vai la participar e aproveita pra divulgar aqui né? Porque seu blog é uma verdadeira vitrine rsrs

    Bjs
    Mah

    ResponderExcluir
  3. Oiii!
    As dicas são ótimas mas às vezes mal tenho tempo de postar no meu bloguinho, aliás não sei pq tu nao me visita. Magooooooei.
    Bjão pra ti e sucesso sempre.

    ResponderExcluir
  4. Elaine,
    É sempre muito bom passar por aqui.
    Fico impressionada com a sua disponibilidade para ensinar. Com vc tudo parece tão simples...Adoro !
    Beijos
    Luka.

    ResponderExcluir
  5. Adorei as dicas, estou levando o tradutor.

    Beijos

    ResponderExcluir
  6. Adoro suas dicas Elaine.

    Voltarei com mais tempo para ver tudo certinho como fazer.

    beijooo.

    ResponderExcluir
  7. Sou aluna assídua, mas colocar em prática é que ainda não me atrevo, medooooo, vai que some tudinho...
    Mas algumas coisas já consegui fazer.
    Sua disposição em ensinar é que me cativa, e a didática é perfeita pois se até euzinha consigui um certo avanço, quem dera os mais entendidos.
    Obrigada viu!

    Beijinho.

    ResponderExcluir
  8. Adorei as dicas!! ;D
    Só que agora to meio sem tempo para colocar os links e talz... mas eu quero as bandeirinhas! sahahsuuash
    Bjao

    ResponderExcluir
  9. Oi, Elaine!

    Tantas dicas boas.
    Só falta coragem para usá-las...
    Medo de dar errado e "adeus" visual do meu bloguinho...

    Beijos mil!!!

    ResponderExcluir
  10. Oi Elaine,
    só você mesmo.
    Amo suas dicas.
    Obrigada minha linda.
    Tenha uma semana regada de muita luz...
    Doce beijo na alma...

    ResponderExcluir
  11. Prometo que venho sim amiga, suas dicas são ótimas, adorei essas, vou usar.
    Beijos.

    ResponderExcluir
  12. Suas dicas são 1000!!!

    Mas um dia qdo criar coragem... eu mexo no blog, por hora falta ela...

    Gosto mto de vc!!!

    bjão

    ResponderExcluir
  13. oieeeeee...
    Ah amada sempre que posso dou uma olhadinha no seu blogger que é hiper interessante e já sou sua seguidora, já coloquei algumas coisitas em prática e deu certinho, obrigada!!!

    Seu blogger realmente é muito showwww..
    bjinhossssss!

    ResponderExcluir
  14. Eu amo aprender...vou tentar.


    abraços

    Hugo

    ResponderExcluir
  15. Olá Elaine! Hoje é quarta-feira, uma correria. Não repare em minha visita relâmpago, mas venho lhe convidar para ler o novo capítulo de “O Diário de Bronson (O Chamado)” e deixar o seu comentário.

    Retornarei com melhores modos e mais tempo. Tenha uma ótima semana. Abraço do Jefhcardoso!

    ResponderExcluir
  16. Oi Elaine.
    Parabéns, seu blog está cada dia mais especial com dicas maravilhosas.
    A tempo não venho aqui né, álias não comento pois passar rápidinho eu passo assim como nos outros blogs tbém rsrs.
    DESCULPE a ausência.
    Beijos

    ResponderExcluir
  17. Elaine,

    Gostei das imagens, vou tentar adicionar ao blog - quando tiver um tempinho, rsrs.

    Abraços.

    ResponderExcluir
  18. obrigado!
    por não retirar os creditos do script feito por mim valeu ai !

    by: Rei do Bloguinho

    ResponderExcluir
  19. Olá, Elaine !
    Gostei muito das dicas, que você
    nos proporcionou em seu blog.
    Olha gostei do tradutor ( adicionei em meu blog)
    estava precisando de um ;)!

    bjim, fica com Deus !!


    att.: Daiane






















    e

    ResponderExcluir
  20. Elaine,
    Finalmente consegui colocar o favicon no blog mas não o personalizado, como eu queria.
    Apesar da sua imensa boa vontade e ajuda, não sei porque, não consegui.
    De qualquer forma, se quiser passar pra dar uma olhadinha...
    Mais uma vez muito obrigada pela ajuda.
    bjs

    ResponderExcluir
  21. Se eu prometo que venho??? Não perco a próxima aula por nada!!! rsrsrs
    Bjão e obrigada!

    ResponderExcluir
  22. Que legal, vou já tentar colocar o tradutor!
    Bj

    ResponderExcluir
  23. Muito boa dica Elaine!! Com certeza vou tentar colocar no meu também. Adorei!!
    Bjs

    ResponderExcluir
  24. Um dia eu aprendo, rs, mas adoro suas dicas, porque primeiro tenho que aprender o que significa cada coisa, por exemplo: widget, gadget,sidebar ( aprendi o que é agora!) e por aí vai...graças a você estou começanmdo a sair da escuridão. Bjs.
    p.s. acho que você elaborou um dicionário disto tudo, ou será que andei lendo em outro lugar? Em todo caso , se for possível faz novamente?

    ResponderExcluir
  25. Olá Elaine
    Como colocar uma imagem pequena ao lado do título da postagem???
    Como por exemplo aquela borboletinha sua...
    Bjs, minha fessora de dicas do blog
    Eliana Delatorre

    ResponderExcluir
  26. Porfavor me ajude como eu faço um endereço da imagem bom eu fui no imagesshack e coloquei o widget code que é este que nao deu para mostrar)
    eu coloquei este codigo la no "endereço de sua imagem so que nao deu certo como é que eu faço agora ha! nao deu certo.Bom eu queria saber como eu faço o endereço da imagem que usei?

    ResponderExcluir
  27. Elaine, querida e generosa!

    e também adivinha... tem bola de cristal? Vim aqui pensando em pesquisar dica para inserir "tradutor" e não é que no final do post vc já indicou o seu endereço? Obrigada!

    Beijo

    ResponderExcluir
  28. Oie!Está de parabéns pelo blog :)
    Mas...preciso de uma ajudinha!!!HELP
    fiz o tutorial certinho como vc pediu,mas quando visualizei não apareçeu nada...
    Bjks

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…