Acessórios Códigos e Scripts Vanessa S.
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.
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=" SEU TEXTO AQUI ";
var espera=160;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</script>
Parabéns, ótimas dicas. Continue em seu objetivo, a área de TI é muito vasta e precisa urgente de um toque feminino.
As dicas são ótimas, funcionam, parabéns.
Vc é d+
Vlw me ajudou muito visitem meu blog pra ver como ficou.
ameiiii!!!!
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!
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
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!!!
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
Á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.
Gislaine
Eu não tenho como ajudar especificamente, mas sugiro que vc dê uma lida neste artigo:
https://www.mundoblogger.com.br/2009/11/ocultar-elementos-em-pagina-especifica.html
Pode ser que te ajude a resolver o problema.
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
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.
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" ?
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/
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
VC ME AJUDO MUITO OBG :d
muito obrigado meu fico bem legal http://dyofilmes.blogspot.com
Massa!!!
@Jack@:
Obrigada pelo comentário e pela visita.
Volte sempre!
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 !
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.
@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!
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.
2012…
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…
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