Efectos JavaScript para Blogger

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 contentsvar line=new Array()line[1]="Bienvenidos a trucos y pruebas para tu blog"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 trucos y pruebas para tu blog"line[6]="(puedes seguir escribiendo cosas si quieres)"
//Specify font size for scollervar ts_fontsize="12px"//--Don't edit below this linevar longestmessage=1for (i=2;i<line.length;i++){if (line[i].length>line[longestmessage].length)longestmessage=i}//Auto set scroller widthvar tscroller_width=line[longestmessage].lengthlines=line.length-1 //--Number of lines//if IE 4+ or NS6if (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+cursorsetTimeout("animate()",25)}//if IE 4+ or NS6if (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 lo editas con relacion a tu blog o pagina web

domingo, 6 de marzo de 2011