tutorial: caja de mensajes

Quisiera un libro asi XD

                   


Hola coshaas bueno escribire esto muy rapido porque he estado muy ocupada con proyectos >.<
pero bueno, feliz dia  :) y bueno hoy les voy a enseñar a hacer estas cajitas que son para escribir mensajes y texto, lo puedes personalizar.

primero entras a diseño  gadget javascript  y pegas lo siguiente:

<form name="news"><textarea rows="1" style="border:3px double#ffaad5;-moz-box-shadow: 0 0 15px 5px #ffaad5;-webkit-box-shadow: 0 0 15px 5px #ffaad5;border-radius:7px;font-size:12px;font-family:century gothic;cursor:crosshair;" cols="30" name="news2" wrap="virtual"></textarea><script language="JavaScript">var newsText = new Array();newsText[0] = "PRIMER MENSAJE";newsText[1] = SEGUNDO MENSAJE";newsText[2] = "TERCER MENSAJE";newsText[3] = "CUARTO MENSAJE";newsText[4] = "QUINTO MENSAJE";newsText[5] = "SEXTO MENSAJE";var ttloop = 1; //var tspeed = 70; //var tdelay = 1000; //// ------------- CANNOT EDITING ------------- \var dwAText, cnews=0, eline=0, cchar=0, mxText;function doNews() {mxText = newsText.length - 1;dwAText = newsText[cnews];setTimeout("addChar()",1000)}function addNews() {cnews += 1;if (cnews <= mxText) {dwAText = newsText[cnews];if (dwAText.length != 0) {document.news.news2.value = "";eline = 0;setTimeout("addChar()",tspeed)}}}function addChar() {if (eline!=1) {if (cchar != dwAText.length) {nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);document.news.news2.value = nmttxt;cchar += 1;if (cchar != dwAText.length) document.news.news2.value += "_";} else {cchar = 0;eline = 1;}if (mxText==cnews && eline!=0 && ttloop!=0) {cnews = 0; setTimeout("addNews()",tdelay);} else setTimeout("addChar()",tspeed);} else {setTimeout("addNews()",tdelay)}}doNews()</script></form>

y es todo   espero les haya servido el tutorial, si tienes alguna duda porfavor comenta♥