Efectos JavaScript para Blogger

Tweet



Compartir

Efectos JavaScript para Blogger: Efecto máquina de escribir

Un truco muy llamativo para tu blog o página web es el llamado efecto máquina de escribir, el mismo lo que hace es simular un texto que se escribe en una máquina de escribir y puede tener varias líneas, su instalación es sencilla y está programado en JavaScript, pero la mejor manera de conocer este gadgets es viéndolo en funcionamiento:

Código que debes de insertar en tu blog:

<script language="JavaScript1.2"><!-- //Secify scroller contents var line=new Array() line[1]="Bienvenidos a P C Z E R O S" line[2]="ahora ya no tenés que andar buscando..." line[3]="gadgets para tu blog o web por distintos lugares..." line[4]="Ahora! todo está en un sólo lugar" line[5]="Todo está en PCZEROS" line[6]="(puedes seguir escribiendo cosas si quieres)" //Specify font size for scoller var ts_fontsize="12px" //--Don't edit below this line var longestmessage=1 for (i=2;i<line.length;i++){ if (line[i].length>line[longestmessage].length) longestmessage=i } //Auto set scroller width var tscroller_width=line[longestmessage].length lines=line.length-1 //--Number of lines //if IE 4+ or NS6 if (document.all||document.getElementById){ document.write('<form name="bannerform">') document.write('<input type="text" name="banner" size="'+tscroller_width+'"') document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">') document.write('</form>') } temp="" nextchar=-1; nextline=1; cursor="]" function animate(){ if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){ nextline++; nextchar=-1; document.bannerform.banner.value=temp; temp=""; setTimeout("nextstep()",3000)} else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){ nextline=1; nextchar=-1; document.bannerform.banner.value=temp; temp=""; setTimeout("nextstep()",1000)} else{ nextstep()}} function nextstep(){ if (cursor=="\\"){ cursor="|"} else if (cursor=="|"){ cursor="/"} else if (cursor=="/"){ cursor="-"} else if (cursor=="-"){ cursor="\\"} nextchar++; temp+=line[nextline].charAt(nextchar); document.bannerform.banner.value=temp+cursor setTimeout("animate()",25)} //if IE 4+ or NS6 if (document.all||document.getElementById) window.onload=animate // --></script> <a href="http://xoplanet.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="juegos para xo" title="juegos para xo"/></a> <a href="http://pczeros.blogspot.com" target="_blank" title="gadgets para blogger"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a>

Luego que pegues el códio en tu blog búsca donde dice:

line[1]="Bienvenidos a P C Z E R O S"
line[2]="ahora ya no tenés que andar buscando..."
line[3]="gadgets para tu blog o web por distintos lugares..."
line[4]="Ahora! todo está en un sólo lugar"
line[5]="Todo está en PCZEROS"
line[6]="(puedes seguir escribiendo cosas si quieres)"

y modifica lo que dice en cada línea dentro de las comillas, por lo que tu quieras, ésto es todo, guarda los cambios y disfruta de este nuevo gadgets para tu blog o web

Si te quedaron ganas de agregarle más cosas al blog, querés más script para blogger, más gadgets para el blog, más... sigue recorriendo PCzeros... hasta la próxima!