Imagem-seguindo-o-ponteiro-do-mouse.html
È só mudar o link abaixo e colocar um link com uma imagem q vc quiser e pronto, só colocar no seu blog
Exemplo= var trailLength = 7
var path = "Coloque o link q vc quiser"
**************************************************************************
Copie e cole o codigo abaixo e mude o link
<script language="JavaScript1.2">
<!--
var trailLength = 7
var path = "http://img412.imageshack.us/img412/2888/44937346.png"
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
var i,d = 0
function initTrail() {
images = new Array()
for (i = 0; i < parseInt(trailLength); i++) {
images = new Image()
images.src = path
}
storage = new Array()
for (i = 0; i < images.length*3; i++) {
storage = 0
}
for (i = 0; i < images.length; i++) {
document.write('<div id="obj' + i + '" "position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images.src + '"></div>')
}
trail()
}
function trail() {
for (i = 0; i < images.length; i++) {
document.getElementById("obj" + i).style.top = storage[d]+'px'
document.getElementById("obj" + i).style.left = + storage[d+1]+'px'
d = d+2
}
for (i = storage.length; i >= 2; i--) {
storage = storage[i-2]
}
d = 0
var timer = setTimeout("trail()",20)
}
function processEvent(e) {
if (window.event) {
storage[0] = window.event.y+standardbody.scrollTop+10
storage[1] = window.event.x+standardbody.scrollLeft+10
} else {
storage[0] = e.pageY+12
storage[1] = e.pageX+12
}
}
initTrail()
document.onmousemove = processEvent
//-->
</script>
Exemplo= var trailLength = 7
var path = "Coloque o link q vc quiser"
**************************************************************************
Copie e cole o codigo abaixo e mude o link
<script language="JavaScript1.2">
<!--
var trailLength = 7
var path = "http://img412.imageshack.us/img412/2888/44937346.png"
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
var i,d = 0
function initTrail() {
images = new Array()
for (i = 0; i < parseInt(trailLength); i++) {
images = new Image()
images.src = path
}
storage = new Array()
for (i = 0; i < images.length*3; i++) {
storage = 0
}
for (i = 0; i < images.length; i++) {
document.write('<div id="obj' + i + '" "position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images.src + '"></div>')
}
trail()
}
function trail() {
for (i = 0; i < images.length; i++) {
document.getElementById("obj" + i).style.top = storage[d]+'px'
document.getElementById("obj" + i).style.left = + storage[d+1]+'px'
d = d+2
}
for (i = storage.length; i >= 2; i--) {
storage = storage[i-2]
}
d = 0
var timer = setTimeout("trail()",20)
}
function processEvent(e) {
if (window.event) {
storage[0] = window.event.y+standardbody.scrollTop+10
storage[1] = window.event.x+standardbody.scrollLeft+10
} else {
storage[0] = e.pageY+12
storage[1] = e.pageX+12
}
}
initTrail()
document.onmousemove = processEvent
//-->
</script>
Imagem para fundo do blog
Imagem para fundo do blog
Quando temos que fazer uma imagem para usar como textura no fundo do
blog geralmente enfrentamos muitos problemas, pois é difícil fazer uma
imagem que encaixe perfeitamente. Logo abaixo você tem imagens para usar
como plano de fundo no seu site, você apenas precisa salvar e hospedar
em algum lugar, sugerimos o http://imageshack.us
No site All Free Backgrounds e Free Backgrounds você encontra muitas outras imagens de fundo, e o procedimento é o mesmo, salvar e hospedar a imagem e depois você entra na pagina editar html do seu blog e coloca a linha de código background-image: url(endereço da imagem); junto com :
body{................
...........
..........}
E já está pronto, se você quiser testar essas imagens antes de colocar no seu blog copie esse código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {background-image: url(fundo4.gif);
}
-->
</style></head>
<body>
</body>
</html>
Cole no bloco de notas, altere onde está escrito fundo4.gif para o nome da imagem que você quer testar, mas não se esqueça de colocar .jpg ou .gif no nome da imagem porque isso também faz parte do nome da imagem. E salve no seu computador na mesma pasta onde salvou a imagem, com o nome planodefundo.htm, desse mesmo jeito o nome do arquivo precisa ter o .htm no final pois assim será como se fosse uma pagina de internet. Agora é só ir até a pasta e clicar sobre esse arquivo que ele abrirá em seu navegador de internet e você poderá ver como fica a imagem de fundo sem precisar hospedar e mexer no seu blog. Isso poupa muito trabalho, afinal somente irá mexer no seu blog depois de visualizar a imagem de fundo que escolheu e já tem certeza que deseja usar-la.
No site All Free Backgrounds e Free Backgrounds você encontra muitas outras imagens de fundo, e o procedimento é o mesmo, salvar e hospedar a imagem e depois você entra na pagina editar html do seu blog e coloca a linha de código background-image: url(endereço da imagem); junto com :
body{................
...........
..........}
E já está pronto, se você quiser testar essas imagens antes de colocar no seu blog copie esse código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {background-image: url(fundo4.gif);
}
-->
</style></head>
<body>
</body>
</html>
Cole no bloco de notas, altere onde está escrito fundo4.gif para o nome da imagem que você quer testar, mas não se esqueça de colocar .jpg ou .gif no nome da imagem porque isso também faz parte do nome da imagem. E salve no seu computador na mesma pasta onde salvou a imagem, com o nome planodefundo.htm, desse mesmo jeito o nome do arquivo precisa ter o .htm no final pois assim será como se fosse uma pagina de internet. Agora é só ir até a pasta e clicar sobre esse arquivo que ele abrirá em seu navegador de internet e você poderá ver como fica a imagem de fundo sem precisar hospedar e mexer no seu blog. Isso poupa muito trabalho, afinal somente irá mexer no seu blog depois de visualizar a imagem de fundo que escolheu e já tem certeza que deseja usar-la.
Colocando o MSN Messenger no seu site Olá Pessoal,
Muitas pessoas utilizam sistemas para atendimento online que precisam ser instalados na hospedagem e que geralmente são muito caros.
Hoje descobri que há uma maneira de utilizar um gadget para exibir uma caixa de mensagem onde é possível conversar com o seu MSN, permitindo que seu site ofereça o sistema de suporte facilmente e utilizando o seu e-mail do MSN.
Vamos lá
Primeiramente, você deve acessar o endereço http://settings.messenger.live.com/applications/WebSettings.aspx
Você estará abrindo uma página de configurações do MSN no live.com, preencha seus dados referente ao seu Windows Live ID.
A próxima página irá exibir uma opção chamada " Permitir que qualquer pessoa na Web veja a minha presença e me envie mensagens.". Marque ela e clique em "salvar" na barra acima.
Após salvar suas configurações, clique no menu "Criar HTML" localizado na lateral esquerda.
Nesta página, você poderá escolher a forma como deseja exibir na sua página o Messenger. A primeira opção é justamente a que desejamos, onde será exibida uma caixa que permitirá o seu visitante falar com você.
Lembrando que o seu usuário poderá utilizar seu Windows Live ID próprio ou manda uma mensagem como "Visitante".
Escolha o tamanho da caixa e cores.
Logo abaixo aparece um campo onde é exibido um código que você deve copiar e colar em seu site.
Pronto, a partir de agora você terá um Windows Live Messenger instalado em seu site e seus visitantes poderão falar com você.
Por hoje é só pessoal, até mais e sucesso!
Hoje descobri que há uma maneira de utilizar um gadget para exibir uma caixa de mensagem onde é possível conversar com o seu MSN, permitindo que seu site ofereça o sistema de suporte facilmente e utilizando o seu e-mail do MSN.
Vamos lá
Primeiramente, você deve acessar o endereço http://settings.messenger.live.com/applications/WebSettings.aspx
Você estará abrindo uma página de configurações do MSN no live.com, preencha seus dados referente ao seu Windows Live ID.
A próxima página irá exibir uma opção chamada " Permitir que qualquer pessoa na Web veja a minha presença e me envie mensagens.". Marque ela e clique em "salvar" na barra acima.
Após salvar suas configurações, clique no menu "Criar HTML" localizado na lateral esquerda.
Nesta página, você poderá escolher a forma como deseja exibir na sua página o Messenger. A primeira opção é justamente a que desejamos, onde será exibida uma caixa que permitirá o seu visitante falar com você.
Lembrando que o seu usuário poderá utilizar seu Windows Live ID próprio ou manda uma mensagem como "Visitante".
Escolha o tamanho da caixa e cores.
Logo abaixo aparece um campo onde é exibido um código que você deve copiar e colar em seu site.
Pronto, a partir de agora você terá um Windows Live Messenger instalado em seu site e seus visitantes poderão falar com você.
Por hoje é só pessoal, até mais e sucesso!
Click to set custom HTML