Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1501102909
Vida do cache: 1501146109
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Acessórios Códigos e Scripts

Alguns Scripts utilitários – Acessorios para blog

Existem vários scripts interessantes que podemos usar no blogger.
Vou postar aqui alguns deles.

Texto ou imagens que rolam na tela:

Uma forma interessante de encrementar seus textos ou até mesmo imagens em suas postagens, ou na sidebar do seu blog, é incluir um código onde os textos ou as imagens deslizam na tela.

Texto ou imagem rolando para cima:



Texto ou imagem que rolam na tela.

Texto ou imagem que rolam na tela.

Código para este efeito:


<marquee heigth="400" widht="400" direction="up" behavior="scroll" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="3">
<center>
Código da imagem ou texto aqui.

Código da imagem ou texto aqui.

Código da imagem ou texto aqui.
</center></marquee>


Texto ou imagem rolando para os lados:


<marquee height="300" direction="up">
Código da imagem ou texto aqui.
Código da imagem ou texto aqui.
</marquee>

Texto rolando com borda:


<center>
<table width="300" heigth="40" valign="middle" border="1">
<tbody>
<tr>
<td>
<marquee>Código da imagem ou texto aqui. </marquee></td></tr></tbody></table></center>

Dica: edite os valores de widht e height de acordo com as suas medidas.

Mensagem ao entrar no blog

Se quiser colocar uma mensagem que aparece toda vez que alguém entra no seu blog, como um texto de "Boas vindas", por exemplo.(A mensagem aparece numa caixinha com um texto escrito).
Copie o código abaixo e cole-o APÓS a tag ]]></b:skin>


<script>alert('SUA MENSAGEM AQUI');</script>


Imagem que segue o ponteiro do mouse:

Copie o código abaixo e cole-o APÓS a tag ]]></b:skin>


<script type="text/javascript">
imagemcursor = 'ENDEREÇO-DA-SUA-IMAGEM-AQUI';
</script>
<script type="text/javascript" src="http://sites.google.com/site/mundodarkness/script-mouse.js"></script>


Atenção: sugiro que utilize uma imagem no formato gif com fundo transparente.
Se quiser, confira o efeito da imagem seguindo o mouse aqui.

Colocar mensagem que aparece conforme a hora do dia:

Se quiser colocar no seu blog uma mensagem ou uma imagem que aparece a seus visitantes de acordo com a hora do dia, use o código abaixo:


<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("Você não devia estar dormindo?")
if (((hr==6) || (hr==7) || (hr==8) || (hr==9) || (hr==10))
|| (hr==11)) document.write("Olá,Bom dia!")
if (hr==12) document.write("Hora do almoço.Vamos almoçar?")
if ((hr==13) || ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("Boa Tarde")
if ((hr==18) || (hr==19)) document.write("Bom final de tarde para você!")
if ((hr==20) || (hr==21) || (hr==22)) document.write("Tenha uma Boa Noite")
if (hr==23) document.write("Já é quase meia-noite e você ainda não foi dormir?")
if (hr==0) document.write("Meia-noite! Já é amanhã!")
document.write("</dl>")
//--->
</SCRIPT>

Edite as mensagens de acordo com sua preferência, mas tenha cuidado para não apagar nenhuma aspas, senão o código não irá funcionar.

Se você quiser trocar as frases do código por imagens, neste caso você deverá apagar as aspas, e substituir o código das frases pelo código com o endereço de cada imagem:
document.write('<img src="URL DA IMAGEM" border=”0”>')


document.write('<img src="URL DA IMAGEM" border=”0”>'


Mensagem personalizada que rola na barra do navegador:

Se você quiser, pode inserir uma mensagem com efeito deslizante que vai aparecer na barra no navegador.Eu já usei esse script há um tempo atrás,achei interessante e vou ensinar para vocês como coloca-lo no blog.
Copie o código abaixo e cole-o APÓS a tag </head>


<script language='JavaScript'>
var txt=&quot; SEU TEXTO AQUI &quot;;
var espera=160;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout(&quot;rotulo_title()&quot;,espera);}
rotulo_title();
</script>



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

27 Comentários

  1. Prof Roberto disse:

    Parabéns, ótimas dicas. Continue em seu objetivo, a área de TI é muito vasta e precisa urgente de um toque feminino.

  2. Carlos disse:

    As dicas são ótimas, funcionam, parabéns.

  3. Guilherme disse:

    Vc é d+

  4. Hemerson disse:

    Vlw me ajudou muito visitem meu blog pra ver como ficou.

  5. FC Tokio Hotel Bahia disse:

    ameiiii!!!!

  6. .:: Clau ::. disse:

    Gabriela
    Obrigada pelo comentário e pela sua visita. Mas gostaria de lhe pedir que, por favor, leia os Termos de Uso do Blog.
    Obrigada!

  7. Gabriela Andrade disse:

    oi clau, sou suuuuuuuuuuuuuuuuper fã mesmo do seu blog, seguinte… adimito soooooooou muuuuuuuuuuito lenta (burra) e apesar de suas explicações serem faceis de entender, eu não entendo, então se não for muito incomodo eu gostaria que vc me passasse o seu email para tirar as minhas dúvidas sem precisar vir toda hora aqui para ver a sua resposta, mas n é só para isso, tb quero fl com vc sobre a parceria, li todos os regulamentos e o meu blog esta muita adequado.

    Obrigada.

    email:gabriela_andrade7@hotmail.com

  8. Leonardo Santos disse:

    Parabéns!!! é um dos melhores blogs, relacionados ao assunto que ja acessei, tem uma ótima línguagem simples e descomplicada, tudo que uma pessoa que não entende de programação quer e precisa!!!

  9. Ben Austin disse:

    Adorei o blog, mas achei meio confuso, pois não tem muitos exemplos "Mensagem personalizada que rola na barra do navegador" você deveria colocar algum link pra servir de exemplo, para vermos antes de colocar, por assim é meio ruim de colocar as coisas e depois tira-las so pra ver

  10. .:: Clau ::. disse:

    Állefy Max
    Sobre unir os scripts, é questão de vc testar ai e ver se dá certo.
    Sobre sua outra pergunta: como você pode verificar isso não aconteceu no blog onde testei os recursos. Tais recursos variam de template para template. Sendo assim, não tenho como te ajudar.

  11. .:: Clau ::. disse:

    Gislaine
    Eu não tenho como ajudar especificamente, mas sugiro que vc dê uma lida neste artigo:

    http://www.mundoblogger.com.br/2009/11/ocultar-elementos-em-pagina-especifica.html

    Pode ser que te ajude a resolver o problema.

  12. Gislaine disse:

    Oi Clau!

    Estou aqui pra te incomodar de novo!
    Meu blog está ficando ótimo raça a sua ajuda! Coloquei o seu link no meu blog viu?

    Mas não vim aqui por isso, na verdade, queria te perguntar uma coisa.
    É o seguinte, o meu blog ficou um desastre no IEca, deu um monte de problemas lá, então eu queria usar o script da mensagem que aparece toda vez que alguém entra no blog, avisando que este é melhor visualizado com Firefox ou Google Chrome.
    Ate aí tudo bem, deu tudo certo. O problema que ocorreu foi que a mensagem aparece em todos os posts, não só na página inicial. Quando alguém clica no titulo de um postagem, por exemplo, a mensagem aparece novamente e também em todas as outras páginas internas. Eu achei que isso ficou meio cansativo e chato para todos os leitores do blog, por isso queria saber se há um modo de cosertar esse erro, já que preciso mesmo de usar essa mensagem para alertar o meus leitores.
    Adoro seu blog, é muito bom! Virou meu verdadeiro manual do Blogger!

    Abraços!

    Visite meu blog?
    paraisodaleitura.blogspot.com

  13. Állefy Max disse:

    Belo post Srtª Clau, parabéns.

    Mas, em meu blog eu já testei vários códigos, de 3 sites, para colocar uma imagem seguindo o cursor e não deu certo.

    Qualquer coisa, eis meu blog: http://www.allefymax.blogspot.com

    Ajude-me por favor.

  14. Állefy Max disse:

    Bom dia, Srtª Clau. Excelente post.

    Eu tou com uma dúvida, será que dava para unir o Script "Mensagem ao entrar no blog" com "Colocar mensagem que aparece conforme a hora do dia" ?

  15. Irene disse:

    Oie bom dia..feliz 2011….adorei seu blog e aproveitei muitas de suas dicas, mas gostaria muito de colocar aquelas msg dependendo da hora do dia, mas nao funcionou…pode me ajudar?agradeço…
    http://estrela-guia2010.blogspot.com/

  16. Gislaine disse:

    Oi Clau!

    Olha, queria saber se dá pra pegar o código da mensagem que aparece de acordo com a hora do dia e colocar no código da mensagem que aparece toda vez que entrar blog… Tem como??

    Adoro seu blog!

    Beijos,
    Gislaine

  17. home disse:

    VC ME AJUDO MUITO OBG :d

  18. dyonatan disse:

    muito obrigado meu fico bem legal http://dyofilmes.blogspot.com

  19. Felipe Correia disse:

    Massa!!!

  20. ::Clau:: disse:

    @Jack@:
    Obrigada pelo comentário e pela visita.
    Volte sempre!

  21. Jack@ disse:

    Ai ficou muiiito maneiro o teu blog!!

    Show de bola !! tudo organizadinho !

    Dá uma olhada lá no meu blog,peguei algumas coisas aqui do teu blog…. botei o link do teu blog lá no meu blog tb !!

    http://johneverything.blogspot.com/

    xau xau !

  22. Boss disse:

    Eu acredito q tenha sido isso mesmo. Apesar de eu não entender muito bem, com todos esses tutoriais, a gente acaba aprendendo algumas coisas… Eu tenho dois blogs, mas um deles é no qual eu faço testes para poder depois passar para o outro. Eu coloquei esse script nos dois, e no blog de testes ficou do jeito q falei, enquanto no outro funcionou perfeitamente. E nesse blog de testes tenho um layout diferente, q eu estou testando algumas coisas nele, por isso queria saber se tinha como ajeitar. De qualquer forma é só um pequeno detalhe a menos. xD
    Obrigado pela atenção.

  23. ::Clau:: disse:

    @iBoss:
    Não sei o que pode ter acontecido, pq ele funciona direitinho no meu blog de testes,inclusive o link de demonstração está na postagem, dá uma olhada lá pra vc ver. Mas por ser um script, a funcionalidade dele vai variar de acordo com o template. Templates que possuem muitos scripts, acaba gerando "conflitos" entre si, por isso alguns arquivos javascript dão erro pra alguns, mas funcionam perfeitamente para outros.
    Qdo isso ocorre, com certeza é devido ao acúmulo de códigos incorporados ao html.
    Infelizmente não tenho como lhe ajudar, para cada caso é um caso.
    Obrigada pela visita e volte sempre!

  24. Boss disse:

    Olá e boa noite…
    Eu já andei fazendo varias mudanças no meu blog graças as seus tutoriais, q por sinal são maravilhosos, serio mesmo, muito bem explicados, principalmente para pessoas, q como eu, não entendem desses codigos e tal.

    Eu tentei usar a essa dica da imagem q segue o ponteiro do mouse, mas tive um problema. A imagem só aparece sobre o background, e no resto da pagina, tipo, nas postagens e sidebar, a imagem desaparece.

    Queria saber se tem como ajeitar e como eu faço…
    Desde já, lhe agradeço.

  25. rapha disse:

    2012…

  26. ::Clau:: disse:

    DAS:
    Minha amiga…mudanças sempre são boas..só toma cuidado q isso vicia..rsrs..
    O Gothic Darkness tyá aqui pra isso mesmo..pra ajudar a todos a organizar o blog e deixa-lo com sua cara…=)
    Qqer coisa volte aqui e use a abuse dos tutoriais e ferramentas mesmo…

    Carla:
    Um ótimo domingo pra vc tb…
    bjks…

  27. Das disse:

    Clau, seu blog é maravilhoso, viu?
    Acho o máximo a forma que explica tudo… leigas como eu não tem dificuldades em fazer as coisas! rsrs
    Ando com vontade de fazer umas mudanças no meu blog e não tem outro jeito: o Gothic Darkness vai ser meu manual principal! E não vou esquecer dos seus créditos, é claro! rsrs
    Abraços!
    dani

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.