Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

31/01/2012

Faça botões e logos On-line!!!

Amanhã é dia dos "Blogs do Mês"(#ansiosa), quinta teremos uma "Homenagem de 'Quinta'" que já está quase pronta, mas hoje como não é um dia muito especial, vou dar uma dica muito boa de um site que eu já usei e ainda uso volta e meia...
O nome do site é "Cool Text". Lá nós podemos fazer e editar logos e botões on-line para os nossos blogs ou para qualquer outra utilidade que possamos dar para eles.
Para fazer isso, basta escolher um dos modelos pré-determinados que mais se aproxime do que você quer fazer, clicar nele e editar de acordo com seu gosto. Dá pra mudar tudo: a fonte, a cor da fonte, o tamanho dela, a cor do botão, a borda, a sombra, etc. No caso do logo é a mesma coisa, e até tem uns exemplos de logos animados!!! Veja esse exemplo que eu criei lá no Cool Text:
Super Hot

Viu, muito legal, não???


Como fazer???

Como eu já disse, para fazer um, é só escolher um logo (os que estão em cima) ou um botão (os que estão em baixo) que se pareça mais ou menos com o que você quer e clique nele. Vai abrir o editor, que é bem simples, qualquer um consegue editar. Depois é só clicar em: "Render logo/button" e vai abrir a página para fazer download. No caso do logo, tem como conseguir o código com a imagem já hospedada no próprio Cool Text, é só clicar em: "Get HTML code", fazer um breve cadastro, aceitar os termos (clique em "I agree") e pronto, vem o código já com a imagem e tudo.
No caso do botão, você precisa fazer o download das duas imagens, hospedá-las e colocar os endereços no código. Lá eles disponibilizam o código para o botão sem link nenhum, mas vou pôr aqui para vocês o código para colocar link no botão:

<a href="ENDEREÇO_DO_LINK" target="_blank"><img src="ENDEREÇO_DA_IMAGEM_COMUM" onmouseover="this.src='ENDEÇO_DA_IMAGEM_EFEITO';" onmouseout="this.src='ENDEREÇO_DA_IMAGEM_COMUM';" /></a></div>

É só trocar ENDEREÇO_DO_LINK pelo endereço do link que você quer no seu botão, e ENDEREÇO_DA_IMAGEM_COMUM pela primeira imagem (a que está sem efeito) e ENDEÇO_DA_IMAGEM_EFEITO pela segunda imagem (a que tem efeito).
Lembrando que como o site é em inglês, não tem como fazer um botão ou logo com uma palavra com acentos... Mas dá pro gasto!!!
Espero que vocês tenham gostado da dica de hoje...

Amanhã tem "Blogs do Mês", não perca!!!!

Mil Sweetkisses,
16 Comentários
Comentários

16 comentários:

  1. hum que interessante... vou testar!! Arrasou!!!

    ResponderExcluir
  2. que lindos muito fofo
    linda tarde de terça
    minha amiga
    bjs

    ResponderExcluir
  3. Heey, quer ganhar um super layout? então participe desse concurso:

    http://the-lovers-world.blogspot.com/2012/01/concurso-eu-quero-um-layout.html

    Não perca!!

    ResponderExcluir
  4. AAA, que legal, dá bem menos trabalho isso, amei, beijos, vê se aparece lá no blog.
    http://fasesdegarota.blogspot.com

    ResponderExcluir
  5. Super legal


    Obrigada por seguir minha flor ('3')
    bjkas
    mundofun-gabi.blogspot.com

    ResponderExcluir
  6. Super útil a dica!
    Sheila, você sabe como centralizar uma pesquisa num post? Eu fiz mas não consigo D:

    Beijos,
    Caroline, do http://criticandoporai.blogspot.com (tem postagem nova, viu?! rs)

    ResponderExcluir
  7. Manooooooooooooooo, que legal esses logos *-*

    Seu cursor não tá funfando aqui. Aparece tudo preto D:

    Man, que bom que gostou do templante, fico feliz *------------*

    Ah, o blog do Italo é bem bacana sim!

    Bjonas e fique com Deus <3

    Camilla Martins - http://sugar-dance.org

    ResponderExcluir
  8. noossa que legal *o* muito fácil né?!!

    Bom, fiquei um tempinho fora do blog, gostaria de poder comentar todos os posts que perdi, mas não vou ter tempo! :( mas saiba que darei uma olhada em todos com carinho *-* Bjs

    ResponderExcluir
  9. ola,td bem. eu adorei o seu blog e já estou seguindo.
    por favor segue o meu também
    www.quemderaserpoeta-1503.blogspot.com

    ResponderExcluir
  10. EU gostei, seguindo viu?
    http://korea-tech.blogspot.com/

    ResponderExcluir
  11. Oi já estou seguindo aqui , segue o meu porfavoor

    ResponderExcluir
  12. Essa dica foi bem util, obrigada.
    Beijos.
    Está rolando sorteio lá no blog, adoraria que você participasse.
    http://shakethisglitter.blogspot.com/2012/01/sorteio-marcos-argola.html

    ResponderExcluir
  13. Que fofo! Gostei da dica :)

    --------------------------------------------

    Seguindo o Blog, segue de volta?!

    Abraço,

    http://garotas100teen.blogspot.com
    http://twitter.com/Garotas100Teen
    http://youtube.com/Garotas100Teen

    ResponderExcluir
  14. Sheia meu dominio foi liberado, agora meu blog é www.lucasartedigital.com.br!
    Foi liberado hj meio dia e alguma coisa... Depois que coloquei o dominio meu slide parou de funcionar, aí tive que tirar...
    Bom não demorou muito, eu comprei sexta, acredito que sabado e domingo não conte...

    Abçs :)

    ResponderExcluir
  15. HUM!! Muito interessante, depois com calma vou da uma olhada direitinho, eu gostei e muito!! Ainda mas que estou pensando em fazer as mudanças!! rsrsrsrs... *-*

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados