3 recursos imperdíveis para seu blog

em 27 de julho de 2011


Olá, leitor! Tudo bem com você?
De vez em quando me perguntam como eu inseri essas mensagens que mudam conforme a hora do dia, ali abaixo do cabeçalho. Eu uso este script há anos, infelizmente não lembro mais onde aprendi. E como eu o inseri direto no código-fonte do blog, foi remexendo meu template antigo que (re)descobri o código. Vamos aprender?
É muito fácil, de verdade. Mas é preciso atenção para nada dar errado, tá? Para começar, clique em Design. A seguir clique em Adiconar gadget. Na janela de opções escolha HMTL/JAVASCRIPT e na janelinha que abrir cole este código:

<script language="JavaScript">
<!--
document.write("<dl><dd>")
day = new Date()
hr = day.getHours()
if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5))
document.write("mensagem aqui")
if (((hr==6) || (hr==7) || (hr==8) || (hr==9) || (hr==10))
|| (hr==11)) document.write("mensagem aqui")
if (hr==12) document.write("mensagem aqui")
if ((hr==13) || ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("mensagem aqui")
if ((hr==18) || (hr==19)) document.write("mensagem aqui")
if ((hr==20) || (hr==21) || (hr==22)) document.write("mensagem aqui")
if (hr==23) document.write("mensagem aqui")
if (hr==0) document.write("mensagem aqui")
document.write("</dl>")
//--->
</script>

Onde está escrito MENSAGEM AQUI é o local onde, de acordo com a hora, você colocará sua mensagem. Escreva o que quiser, mas atenção!Não apague nada, nem um sinal, nem uma aspa que seja, senão o código trava, certo? Depois de personalizar com suas mensagens, clique em Salvar e a seguir arraste para onde deseja que as mensagens apareçam.

Outro recurso muito procurado aqui é como colocar esta setinha que, a um clique, leva a gente de volta para o topo da página. Também é muito simples; veja:

Para começar, clique em Design. A seguir clique em Adicionar gadget.
Na janela de opções escolha HMTL/JAVASCRIPT e na janelinha que abrir cole este código:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="ENDEREÇO DE SUA IMAGEM
" /></a>

Onde está marcado endereço da imagem insira o endereço de sua imagem. Salve. Prontinho.
Missão da semana cumprida. Se fizer em seu blog, me conta?

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.

67 comentários , comente também!

  1. Laine, sempre tive curiosidade de saber isso!


    Está com erro no post metade do texto esta atras de um painel.

    bjooo

    ResponderExcluir
  2. Olá querida!
    Muito fácil...rsrsrsr. Prefiro contar com alguém que domine essa fera aqui. Só em ler já sinto que meu blog pode ir para o espaço... Quando eu crescer eu tento.
    Bjks

    ResponderExcluir
  3. Bom diaaaaaa.. Tudo bem?? super legal essa dica..assim que tiver um tempinho ja ja vou mudar algo la no meu cantinho..beijocas

    ResponderExcluir
  4. Bom dia Elaine!

    Venho descobrindo que na verdade tenho preguiça e medo de mexer nos botões e dar tudo errado, e como consertar? Rsrsrsssr

    Elaine lembra quando registramos o domínio? O pagamento é anual? Eles mandam o boleto? Ou nós temos que entrar em contato?

    Grata pela atenção!

    Um dia iluminado p/ vc!

    Beijosssssssss

    ResponderExcluir
  5. Oi Elaine
    Lendo seu post, parece muito fácil fazer...eu vou tentar!
    bjinhos

    ResponderExcluir
  6. amei suas dicas... qdo estiver com um tempinho vou adicionar no meu blog, com certeza!
    obrigada por compartilhar flor!

    ResponderExcluir
  7. Oi amigaaaa!
    Tudo bem?
    será porque seu blog não aparece mais pra mim? vou seguir de nooooovo, quem sabe o blogger colabora comigo né?

    beijos

    ResponderExcluir
  8. Oi, Elaine, bom dia! Depois eu vou querer aprender com você é como colocar esses ícones de twitter, enviar por e-mail, facebook,etc, essa barrinha logo abaixo da data da postagem que está aqui no seu. Beijos e obrigado.

    ResponderExcluir
  9. Oi, Elaine... amei as dicas, como sempre!
    Mas hoje eu precisava saber (eu esqueci!!) como coloca uma chamadinha pra sorteio no canto superior do blog... é pro meu sorteio... rsrs
    E mto obrigada por participar do sorteio... ele não seria possível sem a sua ajuda, que transformou todo o meu blog, deixando bemmmmm mais bonito...
    bjão grande pro cê

    ResponderExcluir
  10. Olá Elaine amei a dica da seta para voltar no blog mas cloquei tudo direitinha e não aparece a seta aparece aquela que a imagem não está disponível sabe...o q será q fiz errado?
    Se puder me ajudar...muito obrigado desde já :)
    Bjks
    Marília

    ResponderExcluir
    Respostas
    1. Tbm aconteceu comigo quando tentei na primeira vez e depois tentei de novo e consegui

      Excluir
  11. @Entre Feltros e Tecidos, querida, você hospedou a sua imagem? Acredito que seja isso. Encontre a imagem que deseja, hospede-a em um servidor (ou mesmo no blog) e copie o endereço completo dela. Daí cole no local indicado e salve. Este é um exemplo de endereço completo de imagem:

    http://www.iconesgratis.net/imagens/Variados_0349_blue_arrow_up_32.png

    Se quiser usar é uma setinha azul, mas é só de exemplo mesmo.Certo?
    Beijosssss

    ResponderExcluir
  12. Olá Elaine, como estás, só para tentar corrigir um erro que está na mensagem da seta de ir ao TOPO, onde está em azul deve ser colocado o endereço (URL) da imagem, e não o endereço do blog. É que tenho isso no meu blog já a algum tempo e aprendi em algum blog de amigos, não sei se foi aqui também.
    Corrija!
    Desculpe-me, ok!
    Abraço.

    ResponderExcluir
  13. Lindinha,
    Adorei a dica, mas não vou arriscar mexer, hahahaha.
    Olha, postei o teste de personalidade no meu blog. Linkei o seu, ok?
    Beijos

    ResponderExcluir
  14. Elaine, Gostei muito das dicas. Implementei o primeiro mas só consegui fazer aparecer o titulo!!! Se funcionar aviso mas, não apareceu nada!!! Por que será?
    beijos, Ro
    http://www.roarchela.com/

    ResponderExcluir
  15. Bom dia Elaine!
    Dicas valiosas!!
    Passei só pra te desejar um lindo dia.
    Beijocas...

    ResponderExcluir
  16. Olá Elaine, muito legal você ensinar as coisas lindas que usa no seu blog. Seus leitores, dentre os quais me incluo sempre, só têm a ganhar convivendo com alguém altruísta nesse aspecto e que se preocupa em passar adiante o que aprendeu. Grande abraço para você e tenha um excelente restante de semana.

    ResponderExcluir
  17. Otimos recursos. Gostei
    Já coloquei as ultimas postagens.
    As imagens ainda não aparecem
    Será que teria que hospeda-las todas tambem?

    bjo

    ResponderExcluir
  18. Sempre com dicas valiosas!! beijos no coração querida!!

    ResponderExcluir
  19. Boa tarde Elaine! Tudo bem? Quero desculpar-me pela ausencia, não ando muito bem não. Cansada de tudo, ou melhor, desiludida...mais espero que seja só uma fase e que passe logo, pois é muito chato ser chata assim rsrs
    Quanto as suas dicas, já colei a primeira rs vou tentar mais tarde colocar a segunda, não tinha entendido direito de qual imagem vc falava, mas lendo os comentarios entendi. Já a terceira nem me atrevo, quase não tenho comentários rs essa deixarei para mais tarde. Um grande abraço e uma linda tarde para você.

    ResponderExcluir
  20. Elaine, amei as dicas. A primeira eu implementei. beijos, Ro

    ResponderExcluir
  21. Oiii Elaine, adorei as dicas, na verdade eu quero colocar dois botãozinhos, um para subir e outro para descer, você por um acaso sabe fazer???
    Super beijo

    Ps. Ainda espero sua visita e opinião sobre o meu novo visual. (rsrsr)
    jpmulheresnainformatica.blogspot.com

    ResponderExcluir
  22. Boa Noite Elaine,
    Adoro suas dicas e tenho aprendido muito com elas, acabei de tentar inserir as postagensa recentes e deu certinho só que como você mesma disse o fundo ficou branco, seria possível colocar a cor do meu blog, onde posso conseguir o código da cor?
    Desculpe o abuso...agradeço muito por todas as dicas, isso ajuda melhorar nossa apresentação e o blog fica mais incrementado.
    Bjuss!!!

    ResponderExcluir
  23. Oi, Elaine! Que beleza! Três dicas de uma vez só! Obrigada!
    Beijos!

    ResponderExcluir
  24. Venho sempre por aqui e leio atentamente. Nem sempre deixo recados, mas, hoje, deixo um abraço.
    Iray

    ResponderExcluir
  25. Oiiii Elaine, adorei as dicas, consegui fazer dois, o único que não consegui foi o da setinha, pq não sei hospedar imagem e criar um endereço....sabe uma coisa q eu qria aprender??? a colocar a caixa curtir nos posts e na lateral do blog, tenho uma pagina do blog no face e qria colocar aquela caixa, vc saberia me ensinar? bjão e parabéns pelo post, sempre ajuda!

    ResponderExcluir
  26. Elaine querida,

    Obrigada pelas dicas, você sempre gentil e generosa em repartir seus conhecimentos.
    A mensagem eu consegui colocar. Foi fácil!
    As outras são fáceis para quem sabe...Tem alguma coisa que eu estou fazendo de errado e eu nem sei te dizer o que é, rssss
    Eu, coitadinha de mim, estou me batendo para colocar no meu blog.
    Mas eu vou conseguir!!!
    beijos

    ResponderExcluir
  27. oi,infelismente suas dicas nao deram certo no meu blog,mesmo assim vm te parabenizar por dividir seu conhecimento.bjinho

    ResponderExcluir
  28. ELAINE QUERIDA...
    adorei mais essas dicas.obrigada.
    que seu fds seja de luz.
    bjuivos no coração.

    ResponderExcluir
  29. O único cuidado que as pessoas devem ter com o primeiro código é que ele pode não funcionar em todos os blogs, pode pode acontecer um conflito com outros scripts já existentes. O ideal é sempre testar num blog de testes e depois pôr no oficial. E fazer backups constantes, claro.

    Abraço!

    ResponderExcluir
  30. @Tatii, leia este post: Hospedar imagens
    Acredito que ajudará você.
    Beijos

    ResponderExcluir
  31. @Rachel, existem muitos sites que disponibilizam tabela de cores. Digite tabela de cores na busca Google e aparecerão muitos.
    Mas também pode encontrar o código hexadecimal das cores no painel do blog, clicando em Design/Design de modelo/Avançado
    Na frente de cada cor existe um número ou sequencia de letras. Eis o código.
    Certo?
    Beijos

    ResponderExcluir
  32. Elaine, muito agradecida pela pronta orientação, consegui inserir uma cor que me pareceu ser a mais próxima.
    Acho que ficou legal,
    Bjuss!!!

    ResponderExcluir
  33. Oi Elaine, tudo bem por ai?

    Eu mesma foi uma das que te pediu isso uma vez e vc me prometeu que iria procurar (eu já tinha até esquecido disso, rs).

    De minha parte fico agradecida e já instalei no blog e no blog da Viviane.

    Mas eu já tinha conseguido instalar um que achei na net. Um bem legal iluminado, que gira, facinho tb de fazer.

    Basta ir no blog e clicar lá em cima para o link abrir. Nao sei se vc já viu.

    Valeu.

    Abracos

    ResponderExcluir
  34. Oi! adorei as dicas ,já fiz uso ,passa lá e me diz se ficou bom.
    Bjs!

    ResponderExcluir
  35. Oi Elaine, eu fiz o "bom dia, boa tarde...." acho que ficou bom.
    Também copiei, aliás fucei e consegui colocar o Get Feedjit Now! Sempre quis colocar e não sabia como. Acho que ficou bom.
    Obrigada por compartilhar tudo com a gente!
    Beijos.

    ResponderExcluir
  36. Oi, Elaine! Que bom conhecer seu blog! Adorei as postagens mais recentes e seus trabalhos também. Beijo grande!

    ResponderExcluir
  37. Oi Elaine!
    Acabei de chegar por aqui!
    E amei, qtas dicas legais menina!
    Olha fiz tudo que vc falou nesse post, só não consegui colocar setinha do segundo item que vc nos ensinou, ali onde vc falou pra colocar o endereço da imagem, não entendi qual era e acabei não conseguindo finalizar, aí tirei...snif!
    Mas os outros estão lá no meu blog, lindinhos, obrigada viu?
    Ah! Sabe o que queria saber de vc, como faço pra inserir marcadores se desde o começo do meu blog nunca fiz isso, tipo já tenho várias postagens que não inseri marcadores, aí agora fico sem saber como faço pra organizar tudo, tenho meu blog a três anos mais ou menos... Se puder me ajudar te agradeço, bjs!

    ResponderExcluir
  38. Ôch !! Eu consegui. É sério !! srsrrsr Mas também pudera. Com um testo e toda esta disponibilidade para ensinar... Obrigada ! Bjis

    ResponderExcluir
  39. Poxa, Elaine, super obrigado pelas dicas. Ainda sou nova neste mundo mágico, por isso mesmo tenho lido muito e aprendido ainda mais com as feras, como vc. Quero muito tornar o meu cantinho um lugar legal para as pessoas aprenderem e se divertirem. Suas dicas são preciosas! Obrigado mesmo! beijão! Meire

    ResponderExcluir
  40. Olá Elaine
    Desculpe a minha ausência, mas sabe que recebo seus posts por email e vou deixando para depois vim comentar.

    Demorei, mas cheguei.

    Ter essas dicas passo a passo é maravilhoso e só tendo a amiga Elaine para nos ensinar.

    Amei, guardei e muita coisa vou usar.

    Beijos no seu coração

    ResponderExcluir
  41. Elaine, Boa tarde!

    Desde que conheci seu blog, tenho aprimorado muitoo meu.

    Estou amando suas dicas, tudo muito prático e simples.

    Obrigada pelo carinho e a gentileza de nos ensinar a melhorar a cada dia.

    Deixo aqui um convite para me visitar e com certeza aceito dicas, sujestões, críticas, estou aberta a aprender.

    http://su-pessoaldetudoumpouco.blogspot.com/

    Um gde beijo!!

    Sueli

    ResponderExcluir
  42. Querida naum entendi! a mensagem muda de acordo com a hora ou a gente tem que colocar uma mensagem toda vez que mudar de horario?

    ResponderExcluir
  43. Bom dia Elaine,

    consegui colocar no blog

    Posts relacionados
    e
    mensagem de bom dia boa tarde ....

    Muito obrigada, achei que seria mais dificil

    Esse outro post enumera os comentários??

    NO meu blog já tem postagens recentes, mas não tem comentários numerados

    posso fazer do mesmo jeito essa add??

    bjinhosss

    Solange

    ResponderExcluir
  44. Adorei a dica das mensagens, acabei de levar para o meu cantinho também.
    Beijos e obrigada.


    http://www.anamaria.in/

    ResponderExcluir
  45. Elaine o Picnik vai encerrar as atividades no dia 19/04/2012 você sabia? Estão disponibilizando downloads das imagens hospedadas lá! Um beijo.

    ResponderExcluir
  46. Elaine,querida eu aqui de novo.
    Agora encontrei o código certo, da mensagem que aparece no seu Site.
    Estou levando para trocar o meu,estou levando mais coisas.Eu entro aqui não consigo sair vc tem um jeitinho ,fica mais um pouquinho e leia também.... eu acabo lendo até os comentários..rsrs...
    Obrigada por partilhar,bjs



    Obrigada por partilhar

    ResponderExcluir
  47. Elaine querida!Eu comentei mas não sei se vc vai receber o comentário.
    Estou levando o código da mensagem,igual está no seu site e mais algumas coisas.
    Menina eu entro aqui não consigo sair,você com seu jeitinho "Fique mais um pouquinho e leia também.." me convence, eu leio até comentários...rsrs..
    Talvez eu peque mais coisas.
    Obrigada por partilhar,bjs

    ResponderExcluir
  48. Oi flor.
    Fiz e nao de certo nao apareceu nd.=\

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

    ResponderExcluir
  50. Oiiii! Eu sou nova por aqui e descobri seu blog por acaso, e estou amando as dicas. Meu blog tá ficando lindo!
    Muito obrigada Elaine!
    Beijos
    http://sophiesamiesarfati.blogspot.com.br/

    ResponderExcluir
  51. Ola Eliane.
    Sou nova nesse ramo dos blogs e o seu tem me ajudado bastante, mas eu queria saber uma coisa...
    Como eu mudo a fonte e a cor das mensagens que aparecem conforme passam as horas?

    Desde já agradeço!
    :*

    ResponderExcluir
  52. Olá flor, adorei a dica da frase que muda com o horario e já coloquei lá no meu blog!

    obrigada

    ResponderExcluir
  53. Olá Elaiane,
    Ameei o post jaah apliquei no meu blog
    ficou mt mt fowfoo, obrigada e continue assim!

    ResponderExcluir
  54. consegui colocar o texto
    obrigada

    ResponderExcluir
  55. vc sabe como eu mudo de fonte para ficar mais feminino assim como vc fez com o seu?

    ResponderExcluir
  56. Oi Elaine, boa noite! Eu gosto muito das suas dicas, essa eu amei e fiz deu certo, só não to conseguindo editar a fonte e a cor, como faço? Por que no Modelo não apresenta a aba para editar esta parte. Bom muito obrigada por nos ajudar. Muito sucesso.

    ResponderExcluir
  57. Jéssica, boa noite
    De qual recurso está falando?
    De todo modo eles não são editados pelo painel, é preciso ter um pouco de conhecimento em CSS pois o código é editado nele mesmo.
    beijossss

    ResponderExcluir
  58. Olá Elaine!
    Poderia dizer como mudar a fonte e a cor do texto da primeira Dica, das mensagens com horário?
    Obrigada por disponibilizar seus conhecimentos.
    Bjus

    ResponderExcluir
  59. Olá Elaine!
    Poderia dizer como mudar a fonte e a cor do texto da primeira Dica, das mensagens com horário?
    Obrigada por disponibilizar seus conhecimentos.
    Bjus

    ResponderExcluir
    Respostas
    1. Marli, nesse caso seria outro código, porque este faz com que o texto acompanhe a cor e a fonte padrão do blog.
      Assim que der publico outro tutorial com o outro código.
      beijosss

      Excluir
    2. Elaine boa noite!! Para mudar a cor e tamanho da primeira dica, fui no Designer de modelo, avançado e texto da página, Bjks

      Excluir
  60. Olá Elaine eu consegui fazer a primeira dica, dos recadinhos a cada hora do dia, e gostaria de saber como mudar a fonte das letras, estou adorando seu blog, conheci ele há poucos dias e já aprendi bastante coisa, Obrigada.

    ResponderExcluir
  61. Eu gosto muito deses recadinhos a cada hora do dia, deixa o blog mais carioso. Consegui fazer no meu, mas tenho que melhorar nas frases, não fui muito criativa rsrs.

    Bjos. Obrigada pela dica.

    ResponderExcluir
  62. Sempre achei lindo ver essas mensagens aqui no seu site e ficava curiosa querendo ter no meu blog também. E agora que você ensinou eu tenho. Ficou lindo! Depois passa lá pra ver.
    Obrigada por mais esse lindo capricho!
    Beijinhos e sucesso sempre!
    http://dulcineiadesa.blogspot.com

    ResponderExcluir
  63. Oi, eu queria aprender a pôr caixinha de pesquisa no blog. Alguém pode me ensinar ?

    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…