Pesquisar no google
Copie o código abaixo:
<FORM method=GET action="http://www.google.com/search"> <INPUT name=q size=31 maxlength=255 value=""> <INPUT name=hl value="pt-br"> <INPUT name=btnG VALUE="Pesquisar no Google"></FORM>Titulo do Site em Movimento
Copie o código abaixo
<script> var repeat=0
var title=document.title
var leng=title.length
var
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (=leng+1) {
if (repeat==1)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>Rádio Online (Hunter)
Copie o código abaixo:
<center><iframe src="http://radiohunter.com.br/v3/players/newplayer/verde/" width="100%" marginwidth="0" height="40" marginheight="0" scrolling="No" frameborder="0"></iframe></center>Rádio Online (Hunter)
Copie o Código abaixo :
<center><iframe src="http://radiohunter.com.br/beta/engines/players/small" width="200" marginwidth="0" height="40" marginheight="0" scrolling="No" frameborder="0"></iframe></center>Slide do baixaki
Copie o Código abaixo:
<textarea> <style >
#tv a {
font-size:16px;
font-weight:bold;
}
#tv span {
color:#434343;
font-size:12px;
font-weight:normal;
}
#hid {
display:none;
left:-5000px;
position:absolute;
top:-5000px;
}
#tv #nav {
height:170px;
left:359px;
overflow:hidden;
position:absolute;
top:5px;
width:46px;
}
#tv #nav img {
cursor:pointer;
height:30px;
margin:0 0 5px;
width:46px;
}
#tv .opac {
margin-bottom:5px;
opacity:1;
}
#tv .transp {
margin-bottom:5px;
opacity:0.1;
}
#tv img {
display:block;
margin-bottom:7px;
margin-left:-10px;
border:thin solid;
}
img {
border:medium none;
}
#tv {
background:url("http://img31.imageshack.us/img31/2656/tvbg.png") no-repeat scroll 0 0 transparent;
float:left;
height:255px;
overflow:hidden;
padding:0 61px 0 10px;
position:relative;
width:344px;
}
#corpoh {
text-align:left;
}
</style>
<div id="tv">
<script 'text/javascript'>
// JavaScript para tv //
var index = 1; var menu_time = 6000; var anterior = 5; var timer = setTimeout('trocaMsg()',menu_time);
function trocaMsg() { index = index%5 +1; channel(index); tempo(); }
function tempo() { clearTimeout(timer); timer = setTimeout("trocaMsg()",menu_time);}
function channel(id) { index = id; document.getElementById("tvn" + anterior).className= "transp"; document.getElementById("tvn" + id).className = "opac"; document.getElementById('tvshow').innerHTML=document.
getElementById('tv' + id).innerHTML; anterior = id;}
function tvch(id, out) {if (out == 1) { clearTimeout(timer); channel(id);} else { tempo();}}
//channel(1);
// JavaScript para tv-papeis //
var index_p = 1; var menu_time_p = 2800; var anterior_p = 5; var timer_p = setTimeout('trocaMsg_p()',menu_time_p);
function trocaMsg_p() { index_p = index_p%5 +1; channel_p(index_p); tempo_p(); }
function tempo_p() { clearTimeout(timer_p); timer_p = setTimeout("trocaMsg_p()",menu_time_p);}
function channel_p(idx) { index_p = idx; document.getElementById("tvp" + anterior_p).className= "transp"; document.getElementById("tvp" + idx).className = "opac"; document.getElementById('paptv').innerHTML=document.
getElementById('ptv' + idx).innerHTML; anterior_p = idx;}
function tvch_p(idx, out) {if (out == 1) { clearTimeout(timer_p); channel_p(idx);} else { tempo_p();}}
//channel_p(1);
//Função p/ n Aparecer erro de JS no navegador do Tiozinho
function semerro(){
return true;}
window.onerror=semerro;
</script>
<div id="tvshow">
<!-- SLIDE INICIAL-->
<a href="http://tmundi.webnode.com.br/videos-aulas/"><img height="177" width="354" src="http://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg" title="Video Aulas" />
Video Aulas
<br /><span>
Onde você aprende rápido
</span></a></div>
<div id="nav">
<!-- SLIDE DE NAVEGAÇÕES // escolher o slide a ser visto-->
<!-- SLIDE DE NAVEGAÇÃO 1-->
<a href="http://tmundi.webnode.com.br/videos-aulas/"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src=" http://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg " id="tvn1" /></a>
<!-- SLIDE DE NAVEGAÇÃO 2-->
<a href="http://www.baixaki.com.br/download/google-chrome-6-0-beta.htm"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src=" http://www.testpreppractice.net/GRE/free-gre-downloads%5Cgre-software.jpg " id="tvn2" /></a>
<!-- SLIDE DE NAVEGAÇÃO 3-->
<a href="http://www.codigosbr.tk/2010/05/criar-templates-para-o-blogger.html"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src=" http://files.tmundi.webnode.com.br/200000006-d5256d7191/bdhjf.png " id="tvn3" /></a>
<!-- SLIDE DE NAVEGAÇÃO 4-->
<a href="http://www.cblogger.tk/2010/05/tutorial-java-script.html"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src=" http://www.wikinoticia.com/images/definanzas/definanzas.com.wp-content.uploads.carta.jpg " id="tvn4" /></a>
<!-- SLIDE DE NAVEGAÇÃO 5-->
<a href="http://www.cblogger.tk/2010/05/dominio-gratis-tk.html"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" src=" http://2.bp.blogspot.com/_a4qW21kpYxE/TA_oS9odZeI/AAAAAAAAAmc/60ndVdkmvZQ/s1600/imagem_youtube_inspector.jpg " id="tvn5" /></a>
</div>
<ul id="hid">
<!-- SLIDES-->
<!-- SLIDE 1-->
<li id="tv1">
<a href="http://tmundi.webnode.com.br/videos-aulas/"><img height="177" width="354" src="http://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg" title="Video Aulas " />
Video Aulas
<br /><span>
Onde Você aprende rápido
</span></a></li>
<!-- SLIDE 2-->
<li id="tv2">
<a href="http://tmundi.webnode.com.br/downloads/"><img height="177" width="354" src="http://www.testpreppractice.net/GRE/free-gre-downloads%5Cgre-software.jpg" title="Downloads" />
Downloads
<br /><span>
Todos os programas que você precisa para fazer igual aos tutoriais.
</span></a></li>
<!-- SLIDE 3-->
<li id="tv3">
<a href="http://tmundi.webnode.com.br/atendimento-online/"><img height="177" width="354" src="http://files.tmundi.webnode.com.br/200000006-d5256d7191/bdhjf.png" title="Atendimento Online" />
Atendimento Online
<br /><span>
Dúvidas? Pergunte na hora para o atendimento online.
</span></a></li>
<!-- SLIDE 4-->
<li id="tv4">
<a href="http://tmundi.webnode.com.br/mensagens/"><img height="177" width="354" src="http://www.wikinoticia.com/images/definanzas/definanzas.com.wp-content.uploads.carta.jpg" title="Mensagens" />
Mande-nos Mensagens
<br /><span>
Mande comentários.
</span></a></li>
<!-- SLIDE 5-->
<li id="tv5">
<a href="http://www.youtube.com/tutorialmundi"><img height="177" width="354" src="http://2.bp.blogspot.com/_a4qW21kpYxE/TA_oS9odZeI/AAAAAAAAAmc/60ndVdkmvZQ/s1600/imagem_youtube_inspector.jpg" title="Tutorial Mundi" />
Canal youtube
<br /><span>
Visite nosso canal youtube.
</span>
</a></li>
</ul>
<script >
channel(1);
</script>
</div>
.Imagem em movimento para esquerda que paraliza ao passar o mouse
Copie o código abaixo :
<marquee behavior="scroll" onmouseout="this.start();" onmouseover="this.stop();"><a href="Endereço do blog" title="Coloque aqui o texto"><img alt="moving image by marquee html code" height="200" src="Endereço da imagem" /></a></marquee>
Imagem em movimento para esquerda
Copie o código abaixo:
<span> <marquee behavior="scroll"><img alt="moving image by marquee html code" height="212" src="Endereço da imagem" width="320" /></marquee></span>
Imagem para esquerda com Legenda
01 Tutorial DesignsCopie o código abaixo:
<span><marquee behavior="scroll"><div ><img alt="moving image by marquee html code" src="Endereço da imagem" /><center> A legenda</center></div></span></marquee> <span > </span>
Player da Rádio Coca-cola
Copie o código abaixo:
<iframe src="http://coke-brasil.goomradio.com/embed.php" width="300" height="150" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>Selo "Site 100% Seguro"
Copie o código Abaixo:
<div >
<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png" />
</div>
Letras Rolantes
01 TUTORIALCopie o código:
<marquee onmouseout="this.start()" direction="up" on="" scrollamount="4" onmouseover="this.stop()" with="200" height="300">
<div align="center">
ESCREVA SEU TEXTO AQUI</div>
</marquee>
Frases Vai e Vem
01 TUTORIAL
Copie o Código:<div align="justify"> <p align="center"> <strong><span > <marquee behavior="alternate" scrolldelay="70" align="middle" height="29" width="341">ESCREVA SUA FRASE AQUI</marquee> </span> </strong> </p></div>
<p align="center">
OBS: Frases vai e vem não funcionam no Google chromme.
Letras que descem
01 TUTORIAL - o seu site de tutoriais -- 01-tutorial.weebly.com =DCopie o Código abaixo:
<textarea> <marquee direction="down">SEU TEXTO AQUI</marquee>
Letras que sobem e descem
01 TUTORIAL O seu site de tutoriais -- 01-tutorial.weebly.com = DCopie o Código abaixo:
<marquee direction="up" behavior="alternate">SEU TEXTO AQUI</marquee>
OBS: Não funciona no Google Chromme.
Contador de visitantes
Para ver mais modelos clique AQUI
Letras que piscam
01 TUTORIALCopie o Código:
<blink>SEU TEXTO AQUI </blink>
Movimento em "V" para direita
01 TUTORIALCopie o Código abaixo:<marquee direction="up" behavior="alternate" width="80%"><marquee direction="right">SEU TEXTO AQUI</marquee></marquee>
OBS: Não funciona no google chromme.
Movimento em "V" vai e vem
01 TUTORIALCopie o Código abaixo:
<marquee direction="up" behavior="alternate" width="80%"><marquee direction="right" behavior="alternate">SEU TEXTO AQUI</marquee></marquee>OBS: Não funciona no google chromme.
Texto em movimento em caixa
01 TUTORIAL. O seu site de turoriais --- 01-tutorial.weebly.com e 01tutorial.webnode.comCopie o Código abaixo:
<marquee >SEU TEXTO AQUI</marquee>Movimento em caixa com fundo
01 TUTORIAL. O seu site de turoriais --- 01-tutorial.weebly.com e 01tutorial.webnode.comCopie o Código abaixo:
<span ><marquee >SEU TEXTO AQUI</marquee></span>
Letras com sombra
01 TUTORIAL
Copie o Código abaixo:
<p >SEU TEXTO AQUI</p>OBS: Não funciona com Internet Explorer
Efeito Flocos de neve
Copie o Código abaixo:
<script src='http://snow-effect.googlecode.com/files/snow.js'></script>OBS: O efeito flocos de neve deve ser implantado como widget nas opções avançadas , da mesma forma que se implanta o código do Favicon.
Caixa de mensagens gravadas
Copie o Código abaixo:
<script>
alert ("COLOQUE AQUI A MENSAGEM DESEJADA")
</script>Estrelinhas caindo do mouse
Copie o Código abaixo:
<script >
// <![CDATA[
var colour="#00FF00";
var colour3="#FF0000";
var sparkles=70;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
var rats=createDiv3(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rlef=createDiv3(1, 5);
var rdow=createDiv(5, 1);
var rdow=createDiv3(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
function createDiv3(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour3;
return (div);
}
// ]]>
</script>OBS: Este código deve ser inserido da mesma forma que o efeito flocos de neve.
Velocímetro de internet
VelocimetroCopie o Código abaixo:
<div align="center"> <iframe name="Teste Velocidade da Internet" height="160" width="160" scrolling="no" frameborder="0" longdesc="http://www.minhaconexao.com.br/mini-velocimetro/description.txt" src="http://www.minhaconexao.com.br/mini-velocimetro/velocimetro.php?model=1&width=160&height=160"></iframe><br /><font size="2" face="Arial"><a href="http://www.minhaconexao.com.br" ><b>Velocimetro</b></a></font></div>
Passarinho do Twitter
Copie o Código abaixo:
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" ></script> <br /> <script > var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1',
'h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'http://twitter.com/nome_twitter'; var twitterThisText =''; tripleflapInit(); </script><br /> <br /> <br /> <br />
Efeito bolhas saindo do mouse
Copie o Código abaixo:
<script >
// <![CDATA[
var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>OBS: Este código deve ser implantado da mesma forma do efeito flocos de neve.
Efeito flocos de neve 2 (personalizável)
Copie o Código abaixo:
<script >
endereco = "http://img42.imageshack.us/img42/5508/neve1.png";
</script>
<script src="http://acessoriosparablogs.com.br/scripts/neve.js"></script>
ATENÇÃO: O efeito Flocos de neve personalizável é de autoria do Blog Dicas Para Blog. O 01 Tutorial está apenas divulgando o efeito.
Para acessar o site Dicas para Blog Clique AQUI.
Tradutor de linguagem do site
By 01 Tutorial DesignsCopie o Código abaixo:
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800 width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<br/>
<a href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Car&hl=en'); return false;"><img alt="Arabic" borde
r="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
</div>
<font face="Microsoft Sans Serif" color="#c0c0c0" size="1"><em>By <a href="http://01tutorial.webnode.com/">01 Tutorial Designs</a></em></font>
Tradutor de Liguagem (8 línguas)
Copie o Código abaixo:
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800 width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<br/>
<a href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Car&hl=en'); return false;"><img alt="Arabic" borde
r="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
</div>
<font face="Microsoft Sans Serif" color="#c0c0c0" size="1"><em>By <a href="http://01tutorial.webnode.com/">01 Tutorial Designs</a></em></font>
Click here to edit.
veja mais clicando na imagem
Copie o código abaixo:
<FORM method=GET action="http://www.google.com/search"> <INPUT name=q size=31 maxlength=255 value=""> <INPUT name=hl value="pt-br"> <INPUT name=btnG VALUE="Pesquisar no Google"></FORM>Titulo do Site em Movimento
Copie o código abaixo
<script> var repeat=0
var title=document.title
var leng=title.length
var
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (=leng+1) {
if (repeat==1)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>Rádio Online (Hunter)
Copie o código abaixo:
<center><iframe src="http://radiohunter.com.br/v3/players/newplayer/verde/" width="100%" marginwidth="0" height="40" marginheight="0" scrolling="No" frameborder="0"></iframe></center>Rádio Online (Hunter)
Copie o Código abaixo :
<center><iframe src="http://radiohunter.com.br/beta/engines/players/small" width="200" marginwidth="0" height="40" marginheight="0" scrolling="No" frameborder="0"></iframe></center>Slide do baixaki
Copie o Código abaixo:
<textarea> <style >
#tv a {
font-size:16px;
font-weight:bold;
}
#tv span {
color:#434343;
font-size:12px;
font-weight:normal;
}
#hid {
display:none;
left:-5000px;
position:absolute;
top:-5000px;
}
#tv #nav {
height:170px;
left:359px;
overflow:hidden;
position:absolute;
top:5px;
width:46px;
}
#tv #nav img {
cursor:pointer;
height:30px;
margin:0 0 5px;
width:46px;
}
#tv .opac {
margin-bottom:5px;
opacity:1;
}
#tv .transp {
margin-bottom:5px;
opacity:0.1;
}
#tv img {
display:block;
margin-bottom:7px;
margin-left:-10px;
border:thin solid;
}
img {
border:medium none;
}
#tv {
background:url("http://img31.imageshack.us/img31/2656/tvbg.png") no-repeat scroll 0 0 transparent;
float:left;
height:255px;
overflow:hidden;
padding:0 61px 0 10px;
position:relative;
width:344px;
}
#corpoh {
text-align:left;
}
</style>
<div id="tv">
<script 'text/javascript'>
// JavaScript para tv //
var index = 1; var menu_time = 6000; var anterior = 5; var timer = setTimeout('trocaMsg()',menu_time);
function trocaMsg() { index = index%5 +1; channel(index); tempo(); }
function tempo() { clearTimeout(timer); timer = setTimeout("trocaMsg()",menu_time);}
function channel(id) { index = id; document.getElementById("tvn" + anterior).className= "transp"; document.getElementById("tvn" + id).className = "opac"; document.getElementById('tvshow').innerHTML=document.
getElementById('tv' + id).innerHTML; anterior = id;}
function tvch(id, out) {if (out == 1) { clearTimeout(timer); channel(id);} else { tempo();}}
//channel(1);
// JavaScript para tv-papeis //
var index_p = 1; var menu_time_p = 2800; var anterior_p = 5; var timer_p = setTimeout('trocaMsg_p()',menu_time_p);
function trocaMsg_p() { index_p = index_p%5 +1; channel_p(index_p); tempo_p(); }
function tempo_p() { clearTimeout(timer_p); timer_p = setTimeout("trocaMsg_p()",menu_time_p);}
function channel_p(idx) { index_p = idx; document.getElementById("tvp" + anterior_p).className= "transp"; document.getElementById("tvp" + idx).className = "opac"; document.getElementById('paptv').innerHTML=document.
getElementById('ptv' + idx).innerHTML; anterior_p = idx;}
function tvch_p(idx, out) {if (out == 1) { clearTimeout(timer_p); channel_p(idx);} else { tempo_p();}}
//channel_p(1);
//Função p/ n Aparecer erro de JS no navegador do Tiozinho
function semerro(){
return true;}
window.onerror=semerro;
</script>
<div id="tvshow">
<!-- SLIDE INICIAL-->
<a href="http://tmundi.webnode.com.br/videos-aulas/"><img height="177" width="354" src="http://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg" title="Video Aulas" />
Video Aulas
<br /><span>
Onde você aprende rápido
</span></a></div>
<div id="nav">
<!-- SLIDE DE NAVEGAÇÕES // escolher o slide a ser visto-->
<!-- SLIDE DE NAVEGAÇÃO 1-->
<a href="http://tmundi.webnode.com.br/videos-aulas/"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src=" http://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg " id="tvn1" /></a>
<!-- SLIDE DE NAVEGAÇÃO 2-->
<a href="http://www.baixaki.com.br/download/google-chrome-6-0-beta.htm"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src=" http://www.testpreppractice.net/GRE/free-gre-downloads%5Cgre-software.jpg " id="tvn2" /></a>
<!-- SLIDE DE NAVEGAÇÃO 3-->
<a href="http://www.codigosbr.tk/2010/05/criar-templates-para-o-blogger.html"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src=" http://files.tmundi.webnode.com.br/200000006-d5256d7191/bdhjf.png " id="tvn3" /></a>
<!-- SLIDE DE NAVEGAÇÃO 4-->
<a href="http://www.cblogger.tk/2010/05/tutorial-java-script.html"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src=" http://www.wikinoticia.com/images/definanzas/definanzas.com.wp-content.uploads.carta.jpg " id="tvn4" /></a>
<!-- SLIDE DE NAVEGAÇÃO 5-->
<a href="http://www.cblogger.tk/2010/05/dominio-gratis-tk.html"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" src=" http://2.bp.blogspot.com/_a4qW21kpYxE/TA_oS9odZeI/AAAAAAAAAmc/60ndVdkmvZQ/s1600/imagem_youtube_inspector.jpg " id="tvn5" /></a>
</div>
<ul id="hid">
<!-- SLIDES-->
<!-- SLIDE 1-->
<li id="tv1">
<a href="http://tmundi.webnode.com.br/videos-aulas/"><img height="177" width="354" src="http://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg" title="Video Aulas " />
Video Aulas
<br /><span>
Onde Você aprende rápido
</span></a></li>
<!-- SLIDE 2-->
<li id="tv2">
<a href="http://tmundi.webnode.com.br/downloads/"><img height="177" width="354" src="http://www.testpreppractice.net/GRE/free-gre-downloads%5Cgre-software.jpg" title="Downloads" />
Downloads
<br /><span>
Todos os programas que você precisa para fazer igual aos tutoriais.
</span></a></li>
<!-- SLIDE 3-->
<li id="tv3">
<a href="http://tmundi.webnode.com.br/atendimento-online/"><img height="177" width="354" src="http://files.tmundi.webnode.com.br/200000006-d5256d7191/bdhjf.png" title="Atendimento Online" />
Atendimento Online
<br /><span>
Dúvidas? Pergunte na hora para o atendimento online.
</span></a></li>
<!-- SLIDE 4-->
<li id="tv4">
<a href="http://tmundi.webnode.com.br/mensagens/"><img height="177" width="354" src="http://www.wikinoticia.com/images/definanzas/definanzas.com.wp-content.uploads.carta.jpg" title="Mensagens" />
Mande-nos Mensagens
<br /><span>
Mande comentários.
</span></a></li>
<!-- SLIDE 5-->
<li id="tv5">
<a href="http://www.youtube.com/tutorialmundi"><img height="177" width="354" src="http://2.bp.blogspot.com/_a4qW21kpYxE/TA_oS9odZeI/AAAAAAAAAmc/60ndVdkmvZQ/s1600/imagem_youtube_inspector.jpg" title="Tutorial Mundi" />
Canal youtube
<br /><span>
Visite nosso canal youtube.
</span>
</a></li>
</ul>
<script >
channel(1);
</script>
</div>
.Imagem em movimento para esquerda que paraliza ao passar o mouse
Copie o código abaixo :
<marquee behavior="scroll" onmouseout="this.start();" onmouseover="this.stop();"><a href="Endereço do blog" title="Coloque aqui o texto"><img alt="moving image by marquee html code" height="200" src="Endereço da imagem" /></a></marquee>
Imagem em movimento para esquerda
Copie o código abaixo:
<span> <marquee behavior="scroll"><img alt="moving image by marquee html code" height="212" src="Endereço da imagem" width="320" /></marquee></span>
Imagem para esquerda com Legenda
01 Tutorial DesignsCopie o código abaixo:
<span><marquee behavior="scroll"><div ><img alt="moving image by marquee html code" src="Endereço da imagem" /><center> A legenda</center></div></span></marquee> <span > </span>
Player da Rádio Coca-cola
Copie o código abaixo:
<iframe src="http://coke-brasil.goomradio.com/embed.php" width="300" height="150" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>Selo "Site 100% Seguro"
Copie o código Abaixo:
<div >
<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png" />
</div>
Letras Rolantes
01 TUTORIALCopie o código:
<marquee onmouseout="this.start()" direction="up" on="" scrollamount="4" onmouseover="this.stop()" with="200" height="300">
<div align="center">
ESCREVA SEU TEXTO AQUI</div>
</marquee>
Frases Vai e Vem
01 TUTORIAL
Copie o Código:<div align="justify"> <p align="center"> <strong><span > <marquee behavior="alternate" scrolldelay="70" align="middle" height="29" width="341">ESCREVA SUA FRASE AQUI</marquee> </span> </strong> </p></div>
<p align="center">
OBS: Frases vai e vem não funcionam no Google chromme.
Letras que descem
01 TUTORIAL - o seu site de tutoriais -- 01-tutorial.weebly.com =DCopie o Código abaixo:
<textarea> <marquee direction="down">SEU TEXTO AQUI</marquee>
Letras que sobem e descem
01 TUTORIAL O seu site de tutoriais -- 01-tutorial.weebly.com = DCopie o Código abaixo:
<marquee direction="up" behavior="alternate">SEU TEXTO AQUI</marquee>
OBS: Não funciona no Google Chromme.
Contador de visitantes
Para ver mais modelos clique AQUI
Letras que piscam
01 TUTORIALCopie o Código:
<blink>SEU TEXTO AQUI </blink>
Movimento em "V" para direita
01 TUTORIALCopie o Código abaixo:<marquee direction="up" behavior="alternate" width="80%"><marquee direction="right">SEU TEXTO AQUI</marquee></marquee>
OBS: Não funciona no google chromme.
Movimento em "V" vai e vem
01 TUTORIALCopie o Código abaixo:
<marquee direction="up" behavior="alternate" width="80%"><marquee direction="right" behavior="alternate">SEU TEXTO AQUI</marquee></marquee>OBS: Não funciona no google chromme.
Texto em movimento em caixa
01 TUTORIAL. O seu site de turoriais --- 01-tutorial.weebly.com e 01tutorial.webnode.comCopie o Código abaixo:
<marquee >SEU TEXTO AQUI</marquee>Movimento em caixa com fundo
01 TUTORIAL. O seu site de turoriais --- 01-tutorial.weebly.com e 01tutorial.webnode.comCopie o Código abaixo:
<span ><marquee >SEU TEXTO AQUI</marquee></span>
Letras com sombra
01 TUTORIAL
Copie o Código abaixo:
<p >SEU TEXTO AQUI</p>OBS: Não funciona com Internet Explorer
Efeito Flocos de neve
Copie o Código abaixo:
<script src='http://snow-effect.googlecode.com/files/snow.js'></script>OBS: O efeito flocos de neve deve ser implantado como widget nas opções avançadas , da mesma forma que se implanta o código do Favicon.
Caixa de mensagens gravadas
Copie o Código abaixo:
<script>
alert ("COLOQUE AQUI A MENSAGEM DESEJADA")
</script>Estrelinhas caindo do mouse
Copie o Código abaixo:
<script >
// <![CDATA[
var colour="#00FF00";
var colour3="#FF0000";
var sparkles=70;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
var rats=createDiv3(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rlef=createDiv3(1, 5);
var rdow=createDiv(5, 1);
var rdow=createDiv3(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
function createDiv3(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour3;
return (div);
}
// ]]>
</script>OBS: Este código deve ser inserido da mesma forma que o efeito flocos de neve.
Velocímetro de internet
VelocimetroCopie o Código abaixo:
<div align="center"> <iframe name="Teste Velocidade da Internet" height="160" width="160" scrolling="no" frameborder="0" longdesc="http://www.minhaconexao.com.br/mini-velocimetro/description.txt" src="http://www.minhaconexao.com.br/mini-velocimetro/velocimetro.php?model=1&width=160&height=160"></iframe><br /><font size="2" face="Arial"><a href="http://www.minhaconexao.com.br" ><b>Velocimetro</b></a></font></div>
Passarinho do Twitter
Copie o Código abaixo:
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" ></script> <br /> <script > var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1',
'h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'http://twitter.com/nome_twitter'; var twitterThisText =''; tripleflapInit(); </script><br /> <br /> <br /> <br />
Efeito bolhas saindo do mouse
Copie o Código abaixo:
<script >
// <![CDATA[
var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>OBS: Este código deve ser implantado da mesma forma do efeito flocos de neve.
Efeito flocos de neve 2 (personalizável)
Copie o Código abaixo:
<script >
endereco = "http://img42.imageshack.us/img42/5508/neve1.png";
</script>
<script src="http://acessoriosparablogs.com.br/scripts/neve.js"></script>
ATENÇÃO: O efeito Flocos de neve personalizável é de autoria do Blog Dicas Para Blog. O 01 Tutorial está apenas divulgando o efeito.
Para acessar o site Dicas para Blog Clique AQUI.
Tradutor de linguagem do site
By 01 Tutorial DesignsCopie o Código abaixo:
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800 width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<br/>
<a href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Car&hl=en'); return false;"><img alt="Arabic" borde
r="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
</div>
<font face="Microsoft Sans Serif" color="#c0c0c0" size="1"><em>By <a href="http://01tutorial.webnode.com/">01 Tutorial Designs</a></em></font>
Tradutor de Liguagem (8 línguas)
Copie o Código abaixo:
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800 width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<br/>
<a href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Car&hl=en'); return false;"><img alt="Arabic" borde
r="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" width="24"/></a>
</div>
<font face="Microsoft Sans Serif" color="#c0c0c0" size="1"><em>By <a href="http://01tutorial.webnode.com/">01 Tutorial Designs</a></em></font>
Click here to edit.
veja mais clicando na imagem