Còdigos Javascript para tu Blogspot

25
Los códigos Java Script y las direcciones de las páginas Web, han sido recopilados en la red, por lo tanto su derecho de propiedad intelectual es exclusivamente de sus autores. El objetivo de recopilar las direcciones y códigos Javascript, con el fin de contribuir con aquellos estudiantes que necesitan utilizar información sobre diseño Web y códigos JavaScript para para mejorar el diseño de sus Blogspot. Códigos para crear una radio. <embed pluginspage="http://www.adobe.com/go/getflashplayer"src="http ://toplatino.net/players/toplatino.swf" width="160" height="240" wmode="transparent"type="application/x-shockwave-flash" allowscriptaccess="always"></embed> Códigos para crear una radio para tu Blogspot.. <iframe src="http://snippet.coke.goomradio.com/ccfm- ecuador/embed-ec.html" width="300" height="150" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe> Códigos para crear tres radios en tu blogspot. <embed pluginspage="http://www.adobe.com/go/getflashplayer"src="http:// cadenatop.com/cadenatop_mini.swf" width="200" height="228" wmode="transparent"type="application/x-shockwave-flash" allowscriptaccess="always"></embed> Códigos para crear una radio. <table width="286" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><table width="0" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF"><tr><td><object id="MediaPlayer" style="FILTER:nove" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" width="100" height="48"><param name="FileName" value="http://radio4.netyco.com:/" /><param name="AutoStart" value="true"/> <param name="ShowControls" value="true" /><param name="ClickToPlay" value="true" /><param name="DisplaySize" value="true" /><param name="ShowAudioControls" value="true" /><param Ing. Milton Stalin Collaguazo

Transcript of Còdigos Javascript para tu Blogspot

Page 1: Còdigos Javascript para tu Blogspot

Los códigos Java Script y las direcciones de las páginas Web, han sido recopilados en la red, por lo tanto

su derecho de propiedad intelectual es exclusivamente de sus autores. El objetivo de recopilar las

direcciones y códigos Javascript, con el fin de contribuir con aquellos estudiantes que necesitan utilizar

información sobre diseño Web y códigos JavaScript para para mejorar el diseño de sus Blogspot.

Códigos para crear una radio.

<embed

pluginspage="http://www.adobe.com/go/getflashplayer"src="http

://toplatino.net/players/toplatino.swf" width="160" height="240"

wmode="transparent"type="application/x-shockwave-flash"

allowscriptaccess="always"></embed>

Códigos para crear una radio para tu Blogspot..

<iframe src="http://snippet.coke.goomradio.com/ccfm-

ecuador/embed-ec.html" width="300" height="150" scrolling="no"

frameborder="0" marginheight="0" marginwidth="0"

allowtransparency="true"></iframe>

Códigos para crear tres radios en tu blogspot.

<embed

pluginspage="http://www.adobe.com/go/getflashplayer"src="http://

cadenatop.com/cadenatop_mini.swf" width="200" height="228"

wmode="transparent"type="application/x-shockwave-flash"

allowscriptaccess="always"></embed>

Códigos para crear una radio.

<table width="286" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><table width="0"

border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF"><tr><td><object

id="MediaPlayer" style="FILTER:nove" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"

standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" width="100"

height="48"><param name="FileName" value="http://radio4.netyco.com:/" /><param name="AutoStart"

value="true"/> <param name="ShowControls" value="true" /><param name="ClickToPlay" value="true"

/><param name="DisplaySize" value="true" /><param name="ShowAudioControls" value="true" /><param

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 2: Còdigos Javascript para tu Blogspot

name="ShowDisplay" value="false" /><param name="Showcontrols" value="true" /> <param

name="ShowPositionControls" value="false" /><param name="showstatusbar" value="true" /> <param

name="showtracker" value="true" /><embed style="FILTER:nove" type="application/x-mplayer2"

pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" id="MediaPlayer" width="100"

height="48" src="http://radio4.netyco.com:/" autostart="true" clicktoplay="1" displaysize="false"

showaudiocontrols="true" showstatusbar="true showdisplay="0" Showcontrols="1" showgotobar="0"

showpositioncontrols="0" showtracker="0""></embed></object></td></tr></table><div align="center"><a

href="http://www.netyco.com.ar/"><img align="center"

src="http://www.netyco.com.ar/img/logos/poweredby.gif" alt="" border="0"/></a></div></td></tr></table>

Direcciones de diseño Web para crear rótulos

1. http://wigflip.com/easystreet/es/

2. http://www.jjchandler.com/tombstone/download.php

3. http://www.fakemagazinecover.com/

4. http://www.images-graphics-pics.com/signs/sign-

generator/simple.asp?text=Favian+Maza+Rector&align=Center&align2=Middle&fontsize=26&font=Intel&

color=blue&transparency=255&color2=white&watermark=&move=0&move2=&parody=Logo+Creator&ro

tate=&allow=5609&left=&right=&up=&down=&pic=Intel-Inside-Logo&x=43&y=102&w=358&h=239

5. http://www.images-graphics-pics.com/signs/sign-

generator/simple.asp?text=NO+PARKING+HERE&fontsize=24&font=signage&color=black&color2=orange

&pic=Center-Lane&x=87&y=60&w=168&h=129

6. http://maple-tree.signgenerator.net/

7. Tree Sign

8. http://wall-graffiti.signgenerator.net/

9. http://www.images-graphics-pics.com/signs/sign-

generator/?allow=666&text=Pilas+Vota+FAvian+M%3Bamza%0D%0AErma+Cerda%0D%0AModesto+Vala

rezo&font=signage&color=black&fontsize=22&x=124&y=109&move2=269&move=136&rot=0&pic=Bamb

oo&height=&width=&offx=5&offy=5&spacing=21&gradient=&tag=&bubble=&bubH=&bubW=&watermar

k=&background=&border=&picURL=&shade=no&shadecolor=black

10. http://www.images-graphics-pics.com/signs/sign-

generator/?text=+DO+NOT%0D%0AWALK+ON%0D%0A+GRASS%0D%0A+DURING%0D%0ATHE+DAY.&fon

t=SignBold&color=oldlace&fontsize=22&move2=140&move=54&rotate=0&pic=Chrome-

Metal&offx=5&offy=5&spacing=27

11. http://www.images-graphics-pics.com/signs/sign-

generator/simple.asp?text=Unlock+your+potential%21&fontsize=32&font=handprint&color=black&color

2=tan&parody=Keys+Tag&rotate=-1&pic=Golden-Key&x=145&y=25&w=221&h=113

12. http://www.images-graphics-pics.com/signs/sign-

generator/simple.asp?text=Stop+your+protesting%21+Just+riot%21&fontsize=34&font=homework&color

=darkblue&color2=tan&pic=Cardboard-Sign&x=103&y=62&w=213&h=125

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 3: Còdigos Javascript para tu Blogspot

Dirección de página Web que contiene varios códigos Java.

http://meriyo.jimdo.com/codigos/

http://zonadejava.es.tl/Nieve-q-sigue-al-cursor.htm

Còdigo para crear nieve en Blogspot. http://www.blogdelujo.com/2009/12/nieve-en-blog-facil-en-un-gadget.html

Código para crear flores, con el fin de mejorar la presentación de tu Blogspot.

<script language='javascript' type='text/javascript'>

//<![CDATA[

// Script original de Eloi Gallés Villaplana

var numero = 8

var velocidad = 40

var imagenamor = "http://kerashopkanazawa.up.seesaa.net/image/kerashopkanazawa-2010-05-

17T06:10:49-4.gif"

var ns4arriba = (document.layers) ? 1 : 0

var ie4arriba = (document.all) ? 1 : 0

var dombrowser = (document.getElementById) ? 1 : 0

var dx, xp, yp

var am, stx, sty

var i, doc_ancho = 1024, doc_alto = 768

function amor() {

establece_dimensiones()

dx = new Array()

xp = new Array()

yp = new Array()

am = new Array()

stx = new Array()

sty = new Array();

for (i = 0; i < numero; ++ i) {

dx[i] = 0

xp[i] = Math.random()*(doc_ancho-50)

yp[i] = Math.random()*doc_alto

am[i] = Math.random()*20

stx[i] = 0.02 + Math.random()/10

sty[i] = 0.7 + Math.random()

if (document.layers) {

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")

document.write("top=\"15\" visibility=\"show\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"></layer>")

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")

document.write("top=\"15\" visibility=\"show\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"></layer>")

}

} else if (document.all || document.getElementById) {

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 4: Còdigos Javascript para tu Blogspot

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"></div>")

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"></div>")

}

}

}

corazon()

}

function corazon() {

for (i = 0; i < numero; ++ i) {

yp[i] += sty[i];

if (yp[i] > doc_alto) {

xp[i] = Math.random()*(doc_ancho-am[i]-30)

yp[i] = 0

stx[i] = 0.02 + Math.random()/10

sty[i] = 0.7 + Math.random()

establece_dimensiones()

}

dx[i] += stx[i];

if ( document.all ) {

var imagen = eval("dot" + i )

imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])

imagen.style.posTop = yp[i]

}

else if ( document.layers ) {

var imagen = eval("document.dot" + i)

imagen.left = xp[i] + am[i]*Math.sin(dx[i])

imagen.top = yp[i]

}

else if ( document.getElementById ) {

var imagen = document.getElementById( "dot" + i)

imagen.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'

imagen.style.top = yp[i] + 'px'

}

}

setTimeout("corazon()", velocidad)

}

function establece_dimensiones() {

if (self.innerHeight) {

doc_ancho = self.innerWidth - 50

doc_alto = self.innerHeight - 21

} else if (document.documentElement && document.documentElement.clientHeight) {

doc_ancho = document.documentElement.clientWidth

doc_alto = document.documentElement.clientHeight - 25

} else if (document.body) {

doc_ancho = document.body.clientWidth

doc_alto = document.body.clientHeight - 25

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 5: Còdigos Javascript para tu Blogspot

}

}

//]]>

</script>

<script language='javascript' type='text/javascript'>

amor()

</script>

Còdigo para inserter flores en tu blogspot. <script src=http://fdf.aidactif.fr/valentin/s8.js>

</script>

Código para crear nieve especial en tu Blogspot.

<script type="text/javascript"> /****************************************** * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05' by DD. This notice must stay intact for use ******************************************/

//Configure below to change URL path to the snow image var snowsrc="snow.gif" // Configure below to change number of snow to render var no = 10; // Configure whether snow should disappear after x seconds (0=never): var hidesnowtime = 0; // Configure how much snow should drop down before fading ("windowheight" or "pageheight") var snowdistance = "pageheight";

///////////Stop Config////////////////////////////////// var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")?

document.documentElement : document.body }

var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600;

if (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight;

} else if (ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight;

} dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array();

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 6: Còdigos Javascript para tu Blogspot

snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc for (i = 0; i < no; ++ i) {

dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables

if (ie4up||ns6up) { if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");

} else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP:

15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>"); }

} } function snowIE_NS6() { // IE and NS6 main animation function

doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight :

(ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;

for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) {

xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random();

} dx[i] += stx[i]; document.getElementById("dot"+i).style.top=yp[i]+"px"; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";

} snowtimer=setTimeout("snowIE_NS6()", 10);

} function hidesnow(){

if (window.snowtimer) clearTimeout(snowtimer) for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"

} if (ie4up||ns6up){

snowIE_NS6(); if (hidesnowtime>0) setTimeout("hidesnow()", hidesnowtime*1000) }

</script>

Còdigo para crear un calendario básico en tu blogspot.

<style type="text/css">

.main {

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 7: Còdigos Javascript para tu Blogspot

width:200px;

border:1px solid black;

}

.month {

background-color:black;

font:bold 12px verdana;

color:white;

}

.daysofweek {

background-color:gray;

font:bold 12px verdana;

color:white;

}

.days {

font-size: 12px;

font-family:verdana;

color:black;

background-color: lightyellow;

padding: 2px;

}

.days #today{

font-weight: bold;

color: red;

}

</style>

<script type="text/javascript" src="basiccalendar.js">

/***********************************************

* Basic Calendar-By Brian Gosselin at http://scriptasylum.com/bgaudiodr/

* Script featured on Dynamic Drive (http://www.dynamicdrive.com)

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 8: Còdigos Javascript para tu Blogspot

* This notice must stay intact for use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

</script>

Código para crear lluvia de efectos en tu blogspot.

<script language="JavaScript1.2">

<!-- Begin

//Bubble Script by Lisa ([email protected], http://lissaexplains.com)

//Based on code by Altan d.o.o. ([email protected])

//For full source code and installation instructions to this script, visit http://www.dynamicdrive.com

var no = 15; // image number or falling rate var speed = 2; // the lower the number the faster the image moves var snow = new Array(); snow[0] = "bubble.gif" snow[1] = "bubble.gif" snow[2] = "bubble.gif" var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 1800; if (ns4up||ns6up) {

doc_width = self.innerWidth; doc_height = self.innerHeight;

} else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight;

} dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); j = 0;

for (i = 0; i < no; ++ i) {

dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers

if (i == 0) {

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 9: Còdigos Javascript para tu Blogspot

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");

} else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img

src=\""+ snow[j] + "\" border=\"0\"></layer>"); } } else if (ie4up||ns6up) { if (i == 0)

{ document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY:

visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>"); } else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");

} } if (j == (snow.length-1)) { j = 0; } else { j += 1; }

}

function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot

yp[i] -= sty[i]; if (yp[i] < -50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = doc_height; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; }

dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]+pageYOffset; document.layers["dot"+i].left = xp[i] +

am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed);

} function snowIE_NS6() { // IE main animation function

for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] -= sty[i]; if (yp[i] < -50) {

xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = doc_height; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = ns6up?window.innerWidth-5:document.body.clientWidth; doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;

} dx[i] += stx[i]; if (ie4up){ document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } else if (ns6up){ document.getElementById("dot"+i).style.top=yp[i]+pageYOffset; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]); }

} setTimeout("snowIE_NS6()", speed);

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 10: Còdigos Javascript para tu Blogspot

} if (ns4up) {

snowNS(); } else if (ie4up||ns6up) {

snowIE_NS6(); } // End --> </script>

Cògigo para crear lluvia de nieve en tu blogspot.

<script type="text/javascript"

src="http://ladiskoteka.googlepages.com/snow.js"> </script>

Cògigo para crear lluvia de corazones en tu blogspot. <script type="text/javascript" src="http://inacho07.googlepages.com/starfield.js"></script>

Cògigo para crear lluvia de nieve en tu blogspot.

</body> en la edición HTML:

<script type="text/javascript" src="http://inacho07.googlepages.com/starfield.js"></script>

Códigos para crear efectos en la esquina página de tu blogspot. <div style="text-align: left;"> <a href="http://meriyo.jimdo.com/codigos/codigos-divertidos/"

style="left: 0px; position: fixed; top: 0px;"><img

src= "http://u.jimdo.com/www43/o/s80bbe8d6265e2374/img/i5ebb2b18ce9dc6e9/1332503244/std/http-

meriyo-jimdo-com.gif" alt="" /></a></div>

<div style="text-align: right;"> <a href="http://meriyo.jimdo.com/codigos/codigos-divertidos/"

style="right: 50px; position: fixed; top: 50px;"><img

src= "http://u.jimdo.com/www43/o/s80bbe8d6265e2374/img/i5567a1295867f261/1332503251/std/http-

meriyo-jimdo-com.gif" alt="" /></a></div>

Código para crear lluvia de nieve en tu blogspot <script language='javascript' type='text/javascript'>

//<![CDATA[

// Nevando en la pagina por Eloi Gallés Villaplana

// Adaptado a navegadores DOM por Iván Nieto - junio 2007 var numero = 16

var velocidad = 4

var imagennieve = "http://img32.imageshack.us/img32/5465/copo.png"

var ns4arriba = (document.layers) ? 1 : 0

var ie4arriba = (document.all) ? 1 : 0

var dombrowser = (document.getElementById) ? 1 : 0

var dx, xp, yp

var am, stx, sty

var i, doc_ancho = 1024, doc_alto = 768 function nieva() {

establece_dimensiones()

dx = new Array()

xp = new Array()

yp = new Array()

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 11: Còdigos Javascript para tu Blogspot

am = new Array() stx = new Array()

sty = new Array();

for (i = 0; i < numero; ++ i) {

dx[i] = 0

xp[i] = Math.random()*(doc_ancho-50)

yp[i] = Math.random()*doc_alto

am[i] = Math.random()*20

stx[i] = 0.02 + Math.random()/10 sty[i] = 0.7 + Math.random()

if (document.layers) {

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")

document.write("top=\"15\" visibility=\"show\"><img src=\"")

document.write(imagennieve + "\" border=\"0\"></layer>")

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")

document.write("top=\"15\" visibility=\"show\"><img src=\"")

document.write(imagennieve + "\" border=\"0\"></layer>")

}

} else if (document.all || document.getElementById) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")

document.write(imagennieve + "\" border=\"0\"></div>")

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ") document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")

document.write(imagennieve + "\" border=\"0\"></div>")

}

}

}

nieve()

}

function nieve() {

for (i = 0; i < numero; ++ i) {

yp[i] += sty[i];

if (yp[i] > doc_alto) {

xp[i] = Math.random()*(doc_ancho-am[i]-30)

yp[i] = 0

stx[i] = 0.02 + Math.random()/10 sty[i] = 0.7 + Math.random()

establece_dimensiones()

}

dx[i] += stx[i];

if ( document.all ) {

var copo = eval("dot" + i )

copo.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])

copo.style.posTop = yp[i]

}

else if ( document.layers ) {

var copo = eval("document.dot" + i)

copo.left = xp[i] + am[i]*Math.sin(dx[i])

copo.top = yp[i]

}

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 12: Còdigos Javascript para tu Blogspot

else if ( document.getElementById ) {

var copo = document.getElementById( "dot" + i)

copo.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'

copo.style.top = yp[i] + 'px'

}

}

setTimeout("nieve()", velocidad)

}

function establece_dimensiones() {

if (self.innerHeight) {

doc_ancho = self.innerWidth doc_alto = self.innerHeight - 25

} else if (document.documentElement && document.documentElement.clientHeight) {

doc_ancho = document.documentElement.clientWidth

doc_alto = document.documentElement.clientHeight - 25

} else if (document.body) {

doc_ancho = document.body.clientWidth

doc_alto = document.body.clientHeight - 25

}

}

//]]>

</script>

Dirección de página para descargar interesantes paisajes http://instantes.webcindario.com/paisajes/paisajes.html

Dirección para crear música para tu blogspot.

http://www.mixpod.com/create-

playlist.php?keywords=m%C3%BAsica+%C3%A1rabe#?keywords=m%C3%BAsica%20rusia

Códigos para crear una Radio en tu Blogspot.

<embed

pluginspage="http://www.adobe.com/go/getflashplayer"src="http://cadenatop.com/cadenatop_mini.swf"

width="200" height="228" wmode="transparent"type="application/x-shockwave-flash"

allowscriptaccess="always"></embed>

Códigos para crear una Radio en tu Blogspot.

<iframe width="480" height="296" src="http://www.ustream.tv/embed/1187060" scrolling="no"

frameborder="0" style="border: 0px none transparent;"> <other/> </iframe>

<br /><a href="http://www.ustream.tv/" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display:

block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;"

target="_blank">Streaming by Ustream</a>

Códigos para crear una Radio en tu Blogspot.

<br /><embed width="200" height="400"

src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/flash/md02c26e8ef155552/1302669329/flash.swf"

wmode="transparent"></embed> <br />

Dirección de imágenes y versos para tu blogspot.

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 13: Còdigos Javascript para tu Blogspot

http://www.puxamolinon.com/piropos_y_cosas_bonitas-itemap-9-353-5.htm

Dirección para crear letreros con imágenes o textos para tu Blogspot.

http://www.satisfaction.com/

Dirección para crear letreros para tu Blogspot.

http://wigflip.com/easystreet/es/

http://www.jjchandler.com/tombstone/download.php

Direcciòn para crear cualquier montajes con tus imagenes

http://www.fakemagazinecover.com/

Dirección para crear letreros para tu Blogspot..

http://www.images-graphics-pics.com/signs/sign-

generator/simple.asp?text=Ing.+Milton+Stalin+Collaguazo&align=Center&align2=Middle&fontsize=26&font=Intel

&color=blue&transparency=255&color2=white&watermark=&move=0&move2=&parody=Logo+Creator&rotate=

&allow=1609&left=&right=&up=&down=&pic=Intel-Inside-Logo&x=43&y=102&w=358&h=239

Direcciones para generar distintos letreros para tu Blogspot y Facebook.

http://www.images-graphics-pics.com/signs/sign-

generator/simple.asp?text=NO+PARKING+HERE&fontsize=24&font=signage&color=black&color2=orange&pic=Cent

er-Lane&x=87&y=60&w=168&h=129

http://www.signgeneratormaker.com/signs/sign-generator/sign-generators.asp.

http://www.images-graphics-pics.com/signs/sign-

generator/?text=+DO+NOT%0D%0AWALK+ON%0D%0A+GRASS%0D%0A+DURING%0D%0ATHE+DAY.&font=SignBold

&color=oldlace&fontsize=22&move2=140&move=54&rotate=0&pic=Chrome-Metal&offx=5&offy=5&spacing=27

http://www.images-graphics-pics.com/signs/sign-

generator/simple.asp?text=Unlock+your+potential%21&fontsize=32&font=handprint&color=black&color2=tan&par

ody=Keys+Tag&rotate=-1&pic=Golden-Key&x=145&y=25&w=221&h=113

http://www.images-graphics-pics.com/signs/sign-

generator/simple.asp?text=Stop+your+protesting%21+Just+riot%21&fontsize=34&font=homework&color=darkblue

&color2=tan&pic=Cardboard-Sign&x=103&y=62&w=213&h=125

Códigos para enlazar varias imágenes para tu Blogspot.

<!-- Mas javascripts en http://www.creatupropiaweb.com --> <center> <!--Change following image name to your own--> <img id="reflect" src="LA DIRECCION DE TU IMAGEN"><br> <script language="JavaScript1.2"> function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 14: Còdigos Javascript para tu Blogspot

document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script> </center>

Código para crear formularios para tu Blogspot.

<H2>Libro de visitas</H2> <FORM ACTION="mailto:[email protected]" METHOD="post"> <TABLE> <TD ALIGN=RIGHT>Nombre:</TD> <TD><INPUT type="text" size=36 name="nombre"></TD> <TR><TD ALIGN=RIGHT>Direccion E-mail:</TD> <TD><INPUT type="text" size=36 name="direccion"></TD> <TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD> <TD><INPUT type="text" size=36 name="procedencia"></TD> <TR><TD ALIGN=RIGHT>Tus comentatios:</TD> <TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD> </TABLE> <INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar"> </FORM>

Dirección de página Web para descargar plantillas para diseñar tu Blogspot.

http://disemucho.jimdo.com/html-y-javascripts/#

Códigos para crear una radio online

<iframe frameborder="0" scrolling="no" width="290" height="153"

src="http://www.cdr.cr/player_compartido/164/Radio%20Joya"></iframe>

Código para crear puntero laminoso

<script type='text/javascript'> // <![CDATA[ var colour="#FFFFFF"; var sparkles=40;

/**************************** * Tinkerbell Magic Sparkle * * (c) 2005 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/

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();

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 15: Còdigos Javascript para tu Blogspot

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); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(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 {

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 16: Còdigos Javascript para tu Blogspot

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) {

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 17: Còdigos Javascript para tu Blogspot

Código javascript para crear Reloj, para tu Blogspot.

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); } // ]]> </script>

Código Javascript para crear radio online

<!-- desde aqui Script de audio--> <p>

<object type="application/x-shockwave-flash" data="http://radio2.todostreaming.es/cast/minicaster.swf" width="180" height="70">

<param name="movie" value="http://radio2.todostreaming.es/cast/minicaster.swf" /> <param name="flashVars"

value="config=http://radio2.todostreaming.es/cast/tunein.php/i342478t7/playlist.mc" /> <param name="wmode" value="transparent" /> <param name="allowScriptAccess" value="always" /> <p>Para escuchar debes <a href="http://www.macromedia.com/go/getflashplayer/" title="Click Aqui para

instalar Flash browser plugin ">instalar Flash Player</a></p> </object> </p>

</center> <!-- Hasta aqui Script de audio-->

Dirección de página Web para crear Banners, botones, menús y textos animados para tu Blogspot.

http://h1.flashvortex.com/

http://www.flashvortex.com/generators.php?exampleId=202

http://www.flashvortex.com/banners.php

Código para crear nieve para mi Blogspot.

<script type="text/javascript" src="http://inacho07.googlepages.com/starfield.js"></script>

Direccion para descar o copiar códigos JavaScript. Para tu blogspot.

http://yomaster.galeon.com/nuevos.htm

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 18: Còdigos Javascript para tu Blogspot

Código javascript para crear Reloj, para tu Blogspot.

http://www.gif-anime-gratuit.com/webmaster-es/linea.htm

Direcciòn de imágenes gif animados para tu Blogspot.

http://www.dudimundo.com/gif/barras_separadores/barras_2.htm

Direcciones de Recursos Web animados como, imágenes Hallowee gif y lìneas para

mejorar tu Blogspot. En estas direcciones todo es animado.

http://www.halloween.com.es/gifs-animados/lineas/index3.htm

http://gifsanimados.espaciolatino.com/Lineas2.htm

http://www.gifss.es/fuego/artificiales/

http://www.gratisss.bizland.com/int_graficos.htm

Dirección Web para copiar códigos Javascript de relojes para mejorar tu Blogspot.

http://www.crearunaweb.net/complementos/relojes-flash.html

Dirección Web para crear texto gif (animado) online, copie los códigos o descargué la

imagen gif y pegue en su Blogspot.

http://www.3dtextmaker.com/cgi-bin/3dtext.pl

http://glowtxt.com/

MANUAL PARA APRENDER HTLM

http://www.mailxmail.com/curso-manual-html/casillas-verificacion

Código javascript para crear Reloj, para tu Blogspot.

<!--- codigo creatupropiaweb.com---><table border="0" id="t1"><tr><td><a

href="http://www.creatupropiaweb.com"><param name=wmode value=transparent><embed style=""

src="http://www.creatupropiaweb.com/Recursos_Flash/rolex.swf" wmode="transparent" type="application/x -shockwave-

flash" height="100" width="100"><param name=wmode value=transparent></embed></a></TD></tr></table><!--- codigo

creatupropiaweb.com--->

Código javascript para crear E-Mail, para tu Blogspot.

<!-- emailme Button BEGIN -->

<a class="emailme_link" href="http://emailmebutton.com/emailmeframe.php?emailme_id=4226" border="0"><img

src="http://emailmebutton.com/images/emailme.png" onMouseOut="this.style.opacity=1"

onMouseOver="this.style.opacity=0.9" border="0"/></a>

<script type="text/javascript" src="http://static.emailmebutton.com/emailme_multiple.js"></script>

<!-- emailme Button END -->

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 19: Còdigos Javascript para tu Blogspot

<html> <head> <title>Reloj con Javascript</title> <script language="JavaScript"> function mueveReloj(){

momentoActual = new Date() hora = momentoActual.getHours() minuto = momentoActual.getMinutes() segundo = momentoActual.getSeconds() horaImprimible = hora + " : " + minuto + " : " + segundo document.form_reloj.reloj.value = horaImprimible setTimeout("mueveReloj()",1000)

} </script> </head> <body onload="mueveReloj()"> Mire la Hora <form name="form_reloj"> <input type="text" name="reloj" size="10"> </form>

</body> </html>

Código javascript para crear in pájaro volando y a la ves está vinculado con el Witter,

para tu Blogspot.

<script src="http://mr-animaciones.3dn.ru/twitter_pajaro.js" type="text/javascript">

</script><script type="text/javascript">

//<![CDATA[

var birdSprite='http://mr-animaciones.3dn.ru/twitter.png';

var targetElems=new

Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','objec t','a'

,'b','strong','span');

var twitterAccount = 'http://twitterenespanol.net/';

var twitterThisText ='Sigueme en Twitter';

tripleflapInit();

//]]>

</script>

Código javascript para crear Reloj, para tu Blogspot.

<div id="cc-m-flash-4749278366" align="center"><embed allowfullscreen="true" allowscriptaccess="always" quality="best"

wmode="transparent" bgcolor="#fff" flashvars="null" menu="false" version="6.0.0" type="application/x-shockwave-flash"

width="150" height="250" id="flash-1299530551693"

src="http://u.jimdo.com/www34/o/s218f29d6a83a9eee/flash/m527b9eafc35d8c57/1299530163/flash.swf"></div>

Código javascript para crear Reloj, para tu Blogspot.

<div id="cc-m-flash-4750684566" align="center"> <embed allowfullscreen="true" allowscriptaccess="always"

quality="best" wmode="transparent" bgcolor="#fff" flashvars="null" menu="false" version="6.0.0" type=

"application/x-shockwave-flash" width="200" height="350" id="flash-1300312648575" src="http://mr-

animaciones.3dn.ru/RELOJ_JIMDO.swf" /> </div>

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 20: Còdigos Javascript para tu Blogspot

Códigos javascript para crear varios recursos Web, para tu Blogspot. (muy Interesante)

http://mr-animaciones.jimdo.com/radio-on-line-en-vivo-1/

Código javascript para crear Facebook, para tu Blogspot.

<div class="n"><a name="fb_share" type="button_count"

href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fes.jimdo.com%2Fseo&amp;t=SEO%20-

%20Jimdo&amp;src=sp" id="fb_share" style="text-decoration: none; "><span class="fb_share_size_Small

"><span class="FBConnectButton FBConnectButton_Small" style="cursor:pointer;"><span

class="FBConnectButton_Text">Compartir</span></span><span class="fb_share_count_nub_right

"></span><span class="fb_share_count fb_share_count_right"><span

class="fb_share_count_inner">0</span></span></span></a><script

src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>

Còdigo Javascript para crear reproductor mp3, para tu Blogspot.

<center> <span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span> <iframe

frameborder="0" height="750" scrolling="no" src= "http://mr-animaciones.3dn.ru/reproductor-

mr/example_nobius_mk2.html" width="500"></iframe></center>

Còdigo Javascript para crear reproductor mp3, para tu Blogspot.

<center> <span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span> <iframe

frameborder="0" height="750" scrolling="no" src= "http://mr-animaciones.3dn.ru/reproductor-

mr/example_nobius_mk2.html" width="500"></iframe></center>

Còdigo Javascript para crear tu Facebook, para tu blogspot.

<div class="n"><a name="fb_share" type="button_count"

href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fes.jimdo.com%2Fseo&amp;t=SEO%20 -

%20Jimdo&amp;src=sp" id="fb_share" style="text-decoration: none; "><span class="fb_share_size_Small "><span

class="FBConnectButton FBConnectButton_Small" style="cursor:pointer;"><span

class="FBConnectButton_Text">Compartir</span></span><span class="fb_share_count_nub_right "></span><span

class="fb_share_count fb_share_count_right"><span class="fb_share_count_inner">0</span></span></span></a><script

src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>

Còdigo Javascript para crear buscador de goole.com, para tu Blogspot.

<!-- Búsqueda Google -->

<center>

<FORM method=GET action="http://www.google.com/search">

<TABLE bgcolor="#FFFFFF"><tr><td>

<A HREF="http://www.google.com/">

<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>

<INPUT TYPE=text name=q size=31 maxlength=255 value="">

<INPUT TYPE=hidden name=hl value=es>

<INPUT type=submit name=btnG VALUE="Búsqueda Google">

</td></tr></TABLE>

</FORM>

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 21: Còdigos Javascript para tu Blogspot

</center>

<!-- Búsqueda Google -->

Códigos Javascript para crear radio online, para tu Blogspot.

<object type="application/x-shockwave-flash"

data="http://www.planetaextasis.com/radio/reproductor.swf" id="dewplayer"

name="dewplayer" style="width: 135px;" height="50">

<param name="wmode" value="transparent">

<param name="movie" value="http://www.planetaextasis.com/radio/reproductor.swf">

<param name="flashvars"

value="mp3=http://67.205.67.47:8002/;stream.nsv&amp;autostart=0" />

</object></a><br><a href="http://radiovagancia.peru-foro.com/t48-codigo-del-

reproductor-de-la-web#52" target="_blank">

<font size="4" color="#FF0000">Escuche Musica</font></a>

Còdigo para crear banderas banderas

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0

src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMDgzNTY*OTk*MzAmcHQ9MTMwODM1NjU

yMjgyNyZwPTE2NzE2MSZkPSZnPTEmbz1iMGEwMzhmM2VlMjA*NDg5OTQx/Zjk*Nzk4YmU*MmNiNA==.gif" /><a

href="http://www.dalelujo.com/img-animadas-20-spain_is_different-237180.htm" title="SPAIN IS DIFFERENT"><img

src="http://img63.imageshack.us/img63/3055/2d29a.gif" border=0 title="SPAIN IS DIFFERENT"></a><br><a

href="http://www.dalelujo.com">IMAGENES PARA HI5</a><br>

Etiquetas

<MARQUEE WIDTH=50% HEIGHT=60> Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels </MARQUEE>

Email.com

Empecemos creando un formulario muy simple en el que figuren el nombre y apellidos, la dirección de correo electrónico y un comentario sobre el sitio. Para ello, introducimos el siguiente código:

<FORM> <form action="mailto:[email protected]" method="post" enctype="text/plain"

<B>Nombre y apellidos</B><BR> <input type=text NAME=MAILFORM_NAME size=33><BR><BR>

<B>Dirección de correo electrónico</B><BR> <input type=text NAME=MAILFORM_FROM size=33><BR><BR>

<B>Comentarios</B><BR> <TEXTAREA NAME=MAILFORM_TEXT ROWS=10 COLS=42 WRAP></TEXTAREA><BR><BR>

<INPUT TYPE=SUBMIT VALUE="Envía"><INPUT TYPE=RESET VALUE="Cancela">

</FORM>

<FORM> <formaction="http://sn137w.snt137.mail.live.com/default.aspx?wa=wsignin1.0#!/mail/InboxLight.aspx?n=1557227073"

method="post" enctype="text/plain"

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 22: Còdigos Javascript para tu Blogspot

<B>Nombre y apellidos</B><BR> <input type=text NAME=MAILFORM_NAME size=33><BR><BR>

<B>Dirección de correo electrónico</B><BR> <input type=text NAME=MAILFORM_FROM size=33><BR><BR>

<B>Comentarios</B><BR> <TEXTAREA NAME=MAILFORM_TEXT ROWS=10 COLS=42 WRAP></TEXTAREA><BR><BR>

<INPUT TYPE=SUBMIT VALUE="Envía"><INPUT TYPE=RESET VALUE="Cancela">

</FORM>

<FORM ACTION=http://www.coder.com/code/mailform/mailform.pl.cgi METHOD=POST>

<INPUT TYPE=HIDDEN NAME=MAILFORM_ID VALUE="Val_7743"> <INPUT TYPE=HIDDEN NAME=MAILFORM_SUBJECT VALUE="Mi primer formulario"> <INPUT TYPE=HIDDEN NAME=MAILFORM_URL VALUE="http://www.htmlpoint.com/risposta.htm">

<B>Nombre y apellidos</B><BR> <input type=text NAME=MAILFORM_NAME size=33><BR><BR>

<B>Dirección de correo electrónico</B><BR> <input type=text NAME=MAILFORM_FROM size=33><BR><BR>

<B>Comentarios</B><BR> <TEXTAREA NAME=MAILFORM_TEXT ROWS=10 COLS=42 WRAP></TEXTAREA><BR><BR>

<INPUT TYPE=SUBMIT VALUE="Envía"><INPUT TYPE=RESET VALUE="Cancela">

</FORM>

Veamos juntos qué campos personalizar y cuáles dejar, por el contrario, inalterados para un correcto funcionamiento del formulario.

<FORM ACTION=http://www.coder.com/code/mailform/mailform.pl.cgi METHOD=POST>

Este campo debe permanecer inalterado dado que invoca el CGI presente en el servidor del servicio gratuito al que nos hemos suscrito anteriormente.

<INPUT TYPE=HIDDEN NAME=MAILFORM_ID VALUE="Val_7743">

Este campo se modifica sólo por lo que se refiere al código de identificación "Val_7743", que se sustituye con el comunicado por el servicio gratuito mediante correo electrónico. Este sencillo procedimiento es fundamental para que tu formulario llegue a tu buzón de correo y no al de otra persona.

<INPUT TYPE=HIDDEN NAME=MAILFORM_SUBJECT VALUE="Mi primer formulario">

Este campo define el asunto del mensaje que te llegará por correo electrónico en el momento del envío con el contenido del formulario. En lugar de "Mi primer formulario", puedes usar la frase que retengas más oportuna.

<INPUT TYPE=HIDDEN NAME=MAILFORM_URL VALUE="http://www.htmlpoint.com/risposta.htm"> Este campo indica la página web que deberá visualizarse tras pulsar el botón "Envía". En este ejemplo hemos insertado un documento presente en el servidor de HTMLpoint que puedes sustituir con una página presente en tu servidor.

<input type=text NAME=MAILFORM_NAME size=33>

Este campo debe permanecer inalterado (no por lo que respecta a las dimensiones, obviamente) ya que introduce en el mensaje que nos llegará por correo electrónico ese nombre en el campo del remitente.

<input type=text NAME=MAILFORM_FROM size=33>

Este campo debe permanecer invariado (no por lo que respecta a las dimensiones, obviamente) ya que permite obtener en el "reply-to" del mensaje que el formulario envía, la dirección de quien ha rellenado la plantilla.

<INPUT TYPE=SUBMIT VALUE="Envía">

Este campo es necesario para expedir el módulo, pero no se sale de las reglas generales de los formularios.

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 23: Còdigos Javascript para tu Blogspot

He aquí el resultado que obtenemos con el código que hasta ahora hemos examinado (el formulario llegará a HTMLpoint, por lo que agradeceríamos nos enviaras tus comentarios y sugerencias sobre esta guía):

Direcciones Web para generar texto y letreros animados para mejorar tu Blogspot.:

http://www.taringa.net/posts/links/3763115/Generadores-de-texto-e-imagenes-online.html

http://wigflip.com/signbot/

http://cooltext.com/

Código Javascript para crear reloj, copia y pega el código en tu Blogspot.

<!--- codigo creatupropiaweb.com---><table border="0" id="t1"><tr><td><a

href="http://www.creatupropiaweb.com"><param name=wmode value=transparent><embed style=""

src="http://www.creatupropiaweb.com/Recursos_Flash/rolex.swf" wmode="transparent" type="application/x -shockwave-

flash" height="100" width="100"><param name=wmode value=transparent></embed></a></TD></tr></table><!--- codigo

creatupropiaweb.com--->

Código Javascript para crear reloj, copia y pega el código en tu Blogspot.

<!-- emailme Button BEGIN -->

<a class="emailme_link" href="http://emailmebutton.com/emailmeframe.php?emailme_id=4226" border="0"><img

src="http://emailmebutton.com/images/emailme.png" onMouseOut="this.style.opacity=1"

onMouseOver="this.style.opacity=0.9" border="0"/></a>

<script type="text/javascript" src="http://static.emailmebutton.com/emailme_multiple.js"></script>

<!-- emailme Button END -->

Código Javascript para crear reloj, copia y pega el código en tu Blogspot.

<html> <head> <title>Reloj con Javascript</title> <script language="JavaScript"> function mueveReloj(){

momentoActual = new Date() hora = momentoActual.getHours() minuto = momentoActual.getMinutes() segundo = momentoActual.getSeconds() horaImprimible = hora + " : " + minuto + " : " + segundo document.form_reloj.reloj.value = horaImprimible setTimeout("mueveReloj()",1000)

} </script> </head> <body onload="mueveReloj()"> Mire la Hora <form name="form_reloj"> <input type="text" name="reloj" size="10"> </form>

</body> </html>

Direcciones Web, en estas direcciones usted encontrara recursos de diseño para mejorar su blogspot.

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 24: Còdigos Javascript para tu Blogspot

http://www.taringa-x.com/downloads/cd-diseno-web-web-design-cd-programas-para-webmaster-fl/

http://www.flashvortex.com/generators.php?exampleId=232

PÁGINA PARA CREAR ANIMACIONES CON VARIAS IMÁGENES

http://www.createagif.net/create.php

PÁGINA PARA CREAR ANIMACIONES CON VARIAS IMÁGENES

http://makeagif.com/YhJEvb

Por último...mi más reciente descubrimiento: una página en la que por fin te matas de risa, podéis hacer fotomontaje, Es

una de mis preferidas:

http://www.pizap.com/

Pagina subir video y copiar código y pegarlo para tu web.

http://tinypic.com/

CÒDIGO: VIDEO DEL POZO DE LA FELICIDAD

<embed width="440" height="420" type="application/x-shockwave-flash"

src="http://v7.tinypic.com/player.swf?file=k4zfr&s=7"><br><font size="1"><a

href="http://tinypic.com/player.php?v=k4zfr&s=7">Original Video</a> - More videos at <a

href="http://tinypic.com">TinyPic</a></font>

Dirección Web, en estas dirección usted encontrara recursos de diseño para mejorar su blogspot.

http://www.joombly.com/graficos-para-myspace/5/page/71

Còdigo Javascript para adormar tu Blogspot. Con un osito.

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0

src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA2MDcwNTk4MzImcHQ9MTMxMDYwNzA

3NzY*NSZwPTI4MDMxJmQ9Jmc9MSZvPTczNzdiNTE1M2Y5NDQ2YWY4OTRk/ZDNhZjJjMWY5ZWFhJm9mPTA=.gif" /><a

href="http://www.joombly.com/graficos-para-myspace/viewimage/5323" title="Imagenes MySpace"><img border=0

src="http://i136.photobucket.com/albums/q179/joombly/cartoons/cartoon_173.gif" /></a> <a

href="http://www.joombly.com/" target="_blank" title="Imagenes para Myspace">Imagenes para Myspace</a>

Código Javascript para adormar tu Blogspot. Con un patito.

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0

src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA2MDc*NjE2NTEmcHQ9MTMxMDYwNzQ

2Njc3NiZwPTI4MDMxJmQ9Jmc9MSZvPTczNzdiNTE1M2Y5NDQ2YWY4OTRk/ZDNhZjJjMWY5ZWFhJm9mPTA=.gif" /><a

href="http://www.joombly.com/graficos-para-myspace/viewimage/5663" title="Imagenes MySpace"><img border=0

src="http://i136.photobucket.com/albums/q179/joombly/cartoons/myspace-disney106.gif" /></a> <a

href="http://www.joombly.com/" target="_blank" title="Imagenes para Myspace">Imagenes para Myspace</a>

Código Javascript para crear Chat, copia y pega el código en tu Blogspot.

<center><object><embed src="http://www.xatech.com/web_gear/chat/chat.swf"

quality="high" width="450" height="338" name="chat"

FlashVars="id=24490667&rl=Spanish" align="middle" allowScriptAccess="

Ing.

Milto

n Sta

lin C

ollag

uazo

Page 25: Còdigos Javascript para tu Blogspot

sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" />

CODIGO PARA ESCRIBIR UN TEXTO

<div id="sombra" style="position:relative;width:300;height:50r;filter:shadow(color=#00FFFF)"> <br> <font color=#CC0000

size=5>AQUI TU TEXTO<br></DIV><br>

</font></br>

Ing.

Milto

n Sta

lin C

ollag

uazo