Este widget es de gran utilidad para conocer la opinión de tus lectores acerca de tus entradas por medio de un sistema de votación de estrellas (estilo Youtube antiguo).
Además, te agrega un cuadro con las entradas relacionadas a tu post, pudiendo elegir entre texto o en cuadros con información, como muestra la imágen de arriba.
Para instalarlo, entra a Outbrain
Elige el tipo de recomendación: Texto o Miniatura (Thumbnail)
y Tipo de feedback: Estrellas, Manito arriba o nada.
Luego, eliges la plataforma de tu blog e idioma y haces clic en Instalar.
Si lo deseas te puedes registrar, pero es opcional.
Mostrando las entradas con la etiqueta Codigos y Recursos. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Codigos y Recursos. Mostrar todas las entradas
04 enero 2012
He visto varios sitios en los cuales muestran un video muy largo alojado en YouTube en varias partes, es decir, postean 5 o más reproductores en la página para poder visualizar una por una.
Pero hay una forma de unir todos los videos en uno y poder ver todas las partes en el mismo reproductor, y que al terminar una parte continúe de inmediato la siguiente.
Para poder ver varios videos de YouTube en un solo reproductor primero debemos crear una lista de reproducción, debes ingresar en tu cuenta y entrar en el video de la Primera parte de la película o secuencia.
Luego bajo el video, haces clic en "Guardar en" y luego al final de la lista haces clic en "Crear una lista de reproducción nueva" y eliges un nombre para tu lista. La parte 1 quedará guardado automáticamente.
Luego vas a la parte 2 y haces el mismo paso, solo que esta vez luego de Guardar en, eliges el nombre de tu lista ya creada. Así sigues con las siguientes partes, es importante hacerlo en orden, ya que si pones la parte 3 antes de la 2, la reproducción quedará desordenada.
Cuando termines tu lista, vamos a crear el Reproductor. Para eso vamos al siguiente Enlace:
http://www.youtube.com/custom_player
Eliges un nombre y descripción para tu reproductor, el color, y el estilo... yo generalmente elijo el primero para que el reproductor quede mas "limpio" para poder ver mejor la secuencia...
Más abajo en "Contenido" eliges tu lista de reproducción y haces clic en el botón "Seleccionar", cuando este todo listo, clic en Generar código.
(También puedes elegir mostrar tus favoritos o los videos subidos por ti).
Para cambiar el tamaño del reproductor:
Width="416" Este numero representa el Ancho del reproductor, lo cambias en las 2 partes que aparece en el código.
Height="337" Este es el Alto del reproductor, también cambias los 2 height del código.
AutoPlay en un video de Youtube
Para agregar autoplay (reproducción automatica) a un video de Youtube insertado en tu web, debes agregar &autoplay=1 al final del enlace del video (despues del = ) en la etiqueta <embed>, como en el siguiente ejemplo:
<object height="337" width="416"><param name="movie" value="http://www.youtube.com/cp/vjVQa1PpcFNLTEnTmbFWLl9DA_cs4LQI2M_RWjhKxNM="><embed src="http://www.youtube.com/cp/vjVQa1PpcFNLTEnTmbFWLl9DA_cs4LQI2M_RWjhKxNM=&autoplay=1" type="application/x-shockwave-flash" height="337" width="416"></embed></object>
Cualquier duda en los comentarios ^^
20 abril 2009
Estuve buscando en Google y no encontré muchas variedades que me llamaran la atención, hasta que de blog en blog llegue a la web más útil con respecto a este tema:
Ava7 Patterns, aquí encontrarás la mayor variedad de fondos para tu pagina web. Una web muy bien hecha, puedes filtrar los patterns por colores, texturas y popularidad, además de un excelente sistema de vista previa (Preview), que al hacer clic te mostrará en la misma web como se vería en el fondo repetidas veces.
Luego de encontrar el que creas que se verá mejor en tu web, la descargas (download) a tu pc, y la subes a tu hosting o algun sistema de alojamientos como Imageshack.
Cuando ya tengas el link directo a la imágen, tienes 2 formas de agregarlo en el código html de tu sitio:
1.- Buscas el tag <body> y le agregas la etiqueta "background", quedaria: <body background="http://www.hosting.com/fondo.png">
2.- Agregas el siguiente codigo antes de </head">, modificando la dirección de la imágen:
<style type="text/css">
body {
background-image: url(http://www.hosting.com/fondo.png);
background-repeat: repeat;
}
</style>
Sin duda una web para guardar en los Favoritos.
Espero les sea útil, saludos :) >> Leer Todo
10 febrero 2009
Muy fácil y rapido, con Free Website Polls ni siquiera necesitas registrarte, basta con entrar en la página y elegir la pregunta que deseas formular, darle clic a "Continue" y poner las posibles respuestas para obtener el codigo HTML necesario para agregarlo a tu blog o web.
Crear mi encuesta rápida ahora
17 marzo 2008
Este código es muy simple y te servirá si tienes un blog o una pagina muy extensa, por ejemplo en este blog, abajo y a la izquierda, verás esta imagen que te sigue hasta abajo
Se trata de un enlace a "#", es decir:
Como enlace de Texto:
<a href='#' title='Ir arriba'>Ir arriba</a>
Como imagen con enlace
<a href='#' title='Ir arriba'><img src='http://Urldelaimagen.gif' border='0'/></a>
Como imagen fija abajo y a la izquierda (como en este blog):
<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://Urldelaimagen.gif' style='position:fixed; bottom:0; left:0;'/></a>
Como imagen fija abajo y a la derecha:
<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://Urldelaimagen.gif' style='position:fixed; bottom:0; right:0;'/></a>
Si quieres puedes usar esta imagen
http://inacho07.googlepages.com/2uparrow.png
07 febrero 2008
Tienes un blog o web en el que tus visitas necesitan contactarte mediante mensajeria instantanea online (chat) cuando estes conectado a messenger (tambien Yahoo! Messenger, AIM, GoogleTalk, Jabber o ICQ), sin necesidad de agregarte?
Esta posibilidad de responder consultas de forma rapida en el momento que tu desees es lo que nos brinda plugoo, un chat entre el blogger - webmaster y el visitante.
Incluso funciona con Myspace! Asi tus amigos podran hablarte desde tu myspace cada vez que estes conectado a messenger!
Si! es el mismo que yo tengo a la derecha de este blog, donde mucha gente me pregunta todas sus dudas (Como hago un link? como creo mi reproductor? como como como??), y yo hago lo posible por responderlas. =D
Como funciona?
Si estas en estado online en tu MSN (o tu correspondiente servicio de mensajeria), en tu chat de plugoo aparecerá un texto con tu estado (Lo puedes modificar desde plugoo), asi el visitante al ver tu chat, elige un nick y comienza a mandar mensajes al mismo tiempo que a ti se te abre una ventana en MSN al igual que cuando un amigo te habla, solo que esta vez dira: Plugoo [Chatdemiweb] nick.
Si estas offline, los mensajes igual te llegarán al conectarte.
Quiero uno ahora!
Luego de crearte una cuenta en Plugoo introduciendo un mail válido para confirmar tu solicitud, ingresas con tu cuenta recien creada y comienzas a personalizar tu chat privado desde la pestaña "mis widgets", luego de editar los colores, textos y demases, solo copias el codigo HTML y lo pegas en cualquier lugar de tu web, blog, myspace o lo que sea! (Menos hi5, que no permite nada >=I)
Suerte con su nuevo chat, que si tienen una web de ayuda como la mia, estaran todo el dia respondiendo preguntas xD!
Saludos! =)
02 febrero 2008
Si quieres un chat para tu pagina web ArcadiaChat es una buena opcion.
Puedes crear una sala de chat en flash con unos simples pasos, es cosa de darle nombres a tu salas (maximo 6 salas diferentes) y elegir el idioma para que te genere el codigo HTML listo para pegarlo a tu sitio web.
Puedes ver un ejemplo del chat aqui.
La publicidad que Pone creo que por ahora no se puede quitar. Si no te gusto este chat, puedes intentar con este.
salu2
24 diciembre 2007
Mas nieve para agregar a tu web o blog! Este tercer efecto de nieve gracias a javascript que traigo es mucho mas real que los anteriores, ya que la nieve cae en forma zigzageante, como la real!
Mira el ejemplo aqui.
Actualizacion:El código y ejemplo no estaban funcionando debido a que el servidor murió x_X, ahora estan en linea, pero si desean bajan el .js y lo suben a un servidor para mas seguridad.
Para agregarlo a tu web, debes insertar el codigo despues de <head> en edicion HTML.
Y para blogger, vas a Diseño, edicion Html, y lo pegas abajo del tag <head>
Codigo:
<script type="text/javascript"
src="http://inacho.site90.com/snow.js"> </script>
Feliz Navidad y prospero año nuevo! :D
08 diciembre 2007
Siguiendo con los efectos que decoran tu sitio, ahora que se viene navidad y si no neva en tu país por lo menos tu pagina web o blog si puede hacerlo con este bonito efecto. Ese es un ejemplo.
Si lo vas a usar en blogger puedes añadir un nuevo elemento de pagina, HTML/javascript y pegar el codigo ahi.
Si es para tu web personal, editas en visión HTML y pegas el código antes de </body>
Codigo para el efecto 1:
En este post hay otro efecto de nieve con Javascript.
Espero les guste, saludos!
Un efecto al estilo de las burbujas flotantes. Una lluvia de estrellas en tu pagina web o blog de blogger que va hacia tu pantalla y pareciera que fueras a estrellarte con ellas! :O! jeje. Aunque lo puedes usar en páginas oscuras para que sea visible, especialmente en las de fondo negro, creo un bonito efecto a lo star wars.
Puedes ver un ejemplo en un blog aqui. Funciona tanto en Internet Explorer como en Firefox ^^
Para instalarlas en tu web, solo debes pegar el siguiente codigo antes de </body> en la edicion HTML:
<script type="text/javascript" src="http://inacho07.googlepages.com/starfield.js"></script>
Recuerda que el color de fondo de tu web lo eliges en la etiquieta <body> en la que puedes agregar el atributo bgcolor="black" con el nombre del color en ingles, o con su respectivo codigo hexagesimal con un gato (#) antes, es decir: <body bgcolor="black"> o <body bgcolor="#000000">
Tambien sirve en blogger. Añades el codigo en un nuevo elemento de pagina, HTML/javascript.
salu2
23 noviembre 2007
Es un nuevo widget de Google para la traducción de sitios web mediante su traductor online, disponible desde las herramientas del traductor.
Para agrarlo a tu blog o web, debes elegir el idioma de tu sitio desde aquí y pegar el código en tu pagina web. O bien utilizar este código si es en español:
28 octubre 2007
Siempre es necesaria una forma de que tus visitantes puedan contactarse contigo y emailmeform lo hace de la mejor forma gracias a su formulario de contacto. Ya no tendrás que dar tu correo publicamente para que te contacten y te llenen de spam, ya que reenvia todos los mensajes a tu mail. Un ejemplo es el que yo tengo aquí mismo.
Para empezar nos registramos desde aquí (El mail que des en el registro puede ser distinto al cual enviaran los correos en el formulario)
Luego de verificar tu mail y logearte, en el panel derecho haces clic en "create new form" e introduces los datos requeridos, aqui si debes agregar el mail donde te enviaran los mensajes del formulario.
En la siguiente pagina eliges todos los campos que tendrá; por ejemplo: nombre, correo, mensaje. En "Field Type" eliges la cantidad de lineas (filas) que tendra y en "required" si rellenar tal campo es obligatorio o no.
Siguiente, siguiente...
El paso 4 es importante (step 4), ya que en la parte de "Display Mode" eliges la forma en que aparecerá tu formulario.
Con la primera opcion el formulario estará dentro de tu pagina y el visitante nunca saldrá de ella.
La segunda es casi lo mismo xD
Y con la tercera el formulario aparecerá en una ventana nueva.
siguiente, siguiente, finalizar.
Aparecera un codigo mas o menos asi:
<a href="http://www.emailmeform.com/fid.php?formid=xxxxx" target="_new">Contact Webmaster</a>
Si usas ese codigo, se crea un enlace al formulario.
Para pegar el formulario en tu web debes hacer clic en "Get the HTML Code" que esta un poco mas arriba, ese es el codigo para insertarlo dentro de tu web.
Creo que eso es todo, muy simple o no?
saludos!
03 octubre 2007
Un bonito efecto para tu pagina web, burbujas que flotan hasta desaparecer en el marco superior. Puedes cambiar la imágen por otra si quieres, la que está por defecto es esta:
Qué editar: La direccion de la imágen la puedes cambiar por la que quieras, la direccion de esta burbuja, es http://img525.imageshack.us/img525/633/bubblewin2av4.png
Numero de burbujas que aparecerán:
var no= 15;
Para agregar nuevas imágenes, solo tienes que insertar una nueva línea y aumentar el número que hay entre los corchetes []
snow[0] = "http://..."
snow[1] = "http://..."
snow[2] = "http://..."
snow[3] = "http://..."
snow[4] = "http://..."
snow[5] = "http://..."
[Código Actualizado] El siguiente codigo lo debes pegar antes de </body>
<script language="JavaScript1.2">
<!-- Begin
var no = 15; // cantidad de imágenes
var speed = 2; // Velocidad de desplazamiento de las imágenes
var snow = new Array();
snow[0] = "http://img525.imageshack.us/img525/633/bubblewin2av4.png"
snow[1] = "http://img525.imageshack.us/img525/633/bubblewin2av4.png"
snow[2] = "http://img525.imageshack.us/img525/633/bubblewin2av4.png"
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) {
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);
}
if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
// End -->
</script>
28 septiembre 2007
Primero, ¿Qué son los Meta-tags?
Segun wikipedia, los meta tags:
Son etiquetas html que se incorporan en el encabezado de una página web y que resultan invisibles para un visitante normal, pero de gran utilidad para navegadores u otros programas que puedan valerse de esta información.
Su propósito es el de incluir información (metadatos) de referencia sobre la página: autor, título, palabras clave, descripción, etc.
Con los meta tags podemos darle cierta informacion a los buscadores que les ayudará a sus robots saber de que se trata tu página web y tenerlos en cuenta en los resultados de busqueda, estos son muy importantes a la hora del posicionamiento en buscadores.
El titulo es el más importantes, y se incluye entre las etiquetas <title> y </title>
Ahora, para insertar los demás en tu web, completa los datos entre las comillas de los siguientes meta-tags y pega el código antes de </head>
<meta name="title" content="Titulo de tu página web"/>
<meta name="keywords" content="palabras,claves,separadas,por,comas"/>
<meta name="description" content="Descripcion de tu página web"/>
<meta name="author" content="Nombre del autor"/>
<meta name="robots" content="all"/>
<meta name="revisit" content="10 days"/>
<meta name="distribution" content="all"/>
Los ultimos 3 puedes dejarlos como estan.
Saludos! >> Leer Todo
25 septiembre 2007
Ufff tuve mucho tiempo abandonado el blog, por motivos de flojera. Ahora con plantilla nueva gracias a blogandweb ^^ la anterior se demoraba mucho en cargar jeje
Bueno este efecto es muy sencillo, se trata de un mensaje de bienvenida al entrar en tu sitio web o uno de despedida al salir de el, como quieras.
Para el mensaje de bienvenida (Aparecerá al entrar en tu página web), busca en el codigo de tu pagina el tag <body> y lo reemplazas por este:
<body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">
Entre las comillas va el texto que desees.
Para el despedida (al salir de tu web), lo mismo, reemplaza <body>, solo que ahora cambiamos la parte de "onload" por "onUnload", es decir, por este código:
<body onUnload="window.alert('Gracias por tu visita! nos vemos pronto ^^')">
23 agosto 2007
Un chat en flash muy vistoso para tu pagina web y demas espacios en internet, como hi5, blogger, myspace, etc. es el que ofrece xat.com con opción de Moderadores, Avatar y emoticones.
Es tan simple como ir a xat.com haciendo clic aquí, eliges el fondo para tu chat, copias el codigo y lo pegas en edicion HTML de tu pagina web. Para agregarlo a hi5, myspace u otros solo haces clic en el icono que los representa ( Post to my [Hi5, myspace, blogger..., etc] profile), pones tus datos y eliges la categoria (section) donde quieras insertarlo y haces clic en "post".
Eso es todo ^^
salu2!
18 agosto 2007
Si estas buscando insertar el clima y pronostico metereologico de tu ciudad en tu pagina web, la solucion esta en mi@rroba, puedes bucar el tiempo en más de 35.000 ciudades, ¿Cómo no va a estar la tuya?.
Quedaría algo asi:
Para buscar tu ciudad haz clic Aqui.
Ingresas tu ciudad en el buscador, eliges la correcta y haces clic en "El tiempo en tu web". Lo demás es fácil: Eliges el tamaño del cuadro del tiempo, el color, y lo demás puedes dejarlo como está.
Wscribir el codigo de seguridad y haces clic en "Generar Codigo".
El código generado lo pegas en edicion HTML de tu pagina web y eso es todo.
Salu2!
10 agosto 2007
A pedido de Edwin Cano, un scroll para noticias en javascript muy bueno y fácil de configurar, ideal para mostrar novedades y noticias sobre un tema en especial con un enlace de más informacion.
Paso 1: Configurar el codigo 1.
Lo primero que tienes que hacer es configurar el codigo 1 (el de más abajo) y pegarlo antes de </head> en vista HTML de tu pagina web. (No puedo ponerlo en un textarea porque blogger lo desordena todo y lo pongo al final porque es muy largo ^^)
Lo que puedes configurar esta todo descrito a la derecha de las variables.
El codigo tiene para 7 noticias, tu puedes agregarle más de la siguiente forma:
noticias[8]= new noticia("Titulo noticia","","texto...","http://enlace/","_self")
noticias[9]= new noticia("Titulo noticia","","texto...","http://enlace/","_blank")
Como ves simplemente le agregamos otra linea y le ponemos el numero siguiente, recuerda que son 4 "comillas" y separando cada una con una coma ("","","","").
_blank: el enlace se abre en una nueva ventana.
_self: el enlace se abre en la misma ventana.
Si las noticias no tienen enlaces puedes indicarlo aqui:
var masInfo = true cambiando "true" por "false".
Paso 2: Modificar el tag body.
Luego de configurar las noticias buscas el tag <body> en tu pagina web y lo reemplazas por esto:
<body onload="escrolea()">
Paso 3: Llamar al scroll.
Ahora, donde quieras poner el scroll de noticias en tu web, debes poner el siguiente codigo:
<script>escribe()</script>
Eso es todo, espero se entienda, porque esta un poco complicado ^^
Saludos!
------------------------->
Codigo 1:
<!-- Inicio del codigo -->
<script language="JavaScript" type="text/JavaScript">
var ancho = 250 //anchura del cuadro
var alto = 120 //altura del cuadro
var marco = 1 //escribe 0 si no quieres borde
var fondo = '#FFFFFF' //color de fondo del cuadro
var pausilla = 2000 //tiempo de la pausa entre noticia en milisegundos (2000 = 2 segundos)
var destino = "_blank" //_blank para abrir enlaces en nueva ventana, _self en la misma.
var cursor = "default;"
var colTitular = '#006699' //color del texto del titular
var colTexto = '#999999' // color del texto de la noticia
var colFecha = '#3399FF' //color del texto de la fecha
var colEnlace = '#660000' //color del texto del enlace
var fuente = "arial" //fuente para los todos los textos
var tamTitular = '14' //tamaño de la fuente del titular
var tamTexto = '12' //tamaño de la fuente del texto de la noticia
var tamFecha = '10' // tamaño de la fuente de la fecha
var tamEnlace = '11' // tamaño de la fuente del enlace
var masInfo = true //Determina si se usa o no el enlace. true para usarlo. false para omitirlo
var poneFecha = true //true para poner fecha. false para omitirla. Si no se quiere fecha, dejar las comillas vacías ""
function noticia(titular,texto,fecha,enlace,destino){
this.titular = titular
this.texto = texto
this.fecha= fecha
this.enlace = enlace
this.destino = destino
}
var noticias = new Array()
noticias[0]= new noticia("Titulo de la noticia 1","texto de la noticia 1","fecha de la noticia 1","http://creaweb.blogspot.com/","_blank")
noticias[1]= new noticia("Somos la mejor web de todas, la mentira mas grande","texto.. y mas texto...","11/08/07","http://creaweb.blogspot.com/","_blank")
noticias[2]= new noticia("Harry potter and the deathly hallows","Y el final llego :(","21/07/07","#","_blank")
noticias[3]= new noticia("Titulo noticia","texto...","fecha","http://creaweb.blogspot.com/","_blank")
noticias[4]= new noticia ("Titulo noticia","","texto...","http://creaweb.blogspot.com/","_blank")
noticias[5]= new noticia ("Titulo noticia","","texto...","http://creaweb.blogspot.com/","_blank")
noticias[6]= new noticia("Titulo noticia","","texto...","http://creaweb.blogspot.com/","_blank")
noticias[7]= new noticia("Titulo noticia","","texto...","http://creaweb.blogspot.com/","_blank")
var det = false
function escribe(){
document.write ('<div id="mami" style="width:' + ancho + 'px; height:' + alto + 'px; position:relative; overflow:hidden ">')
document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + 'px" height="100%"><tr><td valign="top">')
document.write ('<div id="uno" style="top:' + alto +'px; width:' + ancho + 'px; height:' + alto + 'px; ">')
document.write ('<div class="titular">')
document.write (noticias[0].titular)
document.write ('</div>')
document.write ('<div class="fecha">')
document.write (noticias[0].fecha)
document.write ('</div>')
document.write ('<div class="texto">')
document.write (noticias[0].texto)
document.write ('</div>')
if(masInfo == true){
document.write ('<a class="enlace" href="')
document.write (noticias[0].enlace)
document.write ('" target="' + destino + '">Más información</a>')
}
document.write ('</div>')
document.write ('<div id="dos" style="top:' + (alto*2) +'px; width:' + ancho + 'px; height:' + alto + 'px; ">')
document.write ('<div class="titular">')
document.write (noticias[1].titular)
document.write ('</div>')
document.write ('<div class="fecha">')
document.write (noticias[1].fecha)
document.write ('</div>')
document.write ('<div class="texto">')
document.write (noticias[1].texto)
document.write ('</div>')
if(masInfo == true){
document.write ('<a class="enlace" href="')
document.write (noticias[1].enlace)
document.write ('" target = "' + destino + '">más información...</a>')
}
document.write ('</div>')
document.write('</td></tr></table>')
document.write ('</div>')
if(navigator.appName == "Netscape")
{altoUno = document.getElementById('uno').offsetHeight}
else
{altoUno = document.getElementById('uno').clientHeight}
document.getElementById('uno').onmouseover =function(){
det = true
clearTimeout(tiempo)
}
document.getElementById('uno').onmouseout =function(){
det = false;
clearTimeout(tiempo)
escrolea()
}
document.getElementById('dos').onmouseover =function(){
det = true
clearTimeout(tiempo)
}
document.getElementById('dos').onmouseout =function(){
det = false;
clearTimeout(tiempo)
escrolea()
}
}
desp = 1
var cont = 1
var pos,pos2
function escrolea(){
pos = document.getElementById('uno').style.top
pos = pos.replace(/px/,"");
pos = pos.replace(/pt/,"");
pos = new Number(pos);
pos2 = document.getElementById('dos').style.top
pos2 = pos2.replace(/px/,"");
pos2 = pos2.replace(/pt/,"");
pos2 = new Number(pos2);
pos -= desp
pos2 -= desp
if (pos == desp){
var contenidos = ""
document.getElementById('dos').style.top = alto + "px"
document.getElementById('dos').childNodes[0].firstChild.nodeValue = noticias[cont].titular
if(poneFecha == true){
document.getElementById('dos').childNodes[1].firstChild.nodeValue = noticias[cont].fecha
}
document.getElementById('dos').childNodes[2].firstChild.nodeValue = noticias[cont].texto
if(masInfo == true){
document.getElementById('dos').childNodes[3].href = noticias[cont].enlace
}
document.getElementById('uno').style.top = 0
if(cont == noticias.length-1)
{cont=0}
else{
cont++
}
pausa()
return false
}
else{
if (pos2 == desp){
var contenidos = ""
document.getElementById('uno').style.top = alto + "px"
document.getElementById('uno').childNodes[0].firstChild.nodeValue = noticias[cont].titular
if(poneFecha == true){
document.getElementById('uno').childNodes[1].firstChild.nodeValue = noticias[cont].fecha
}
document.getElementById('uno').childNodes[2].firstChild.nodeValue = noticias[cont].texto
if(masInfo == true){
document.getElementById('uno').childNodes[3].href = noticias[cont].enlace
}
document.getElementById('dos').style.top = 0
if(cont == noticias.length-1)
{cont=0}
else{
cont++
}
pausa()
return false
}
else{
document.getElementById('uno').style.top = pos + "px"
document.getElementById('dos').style.top = pos2 + "px"
}
}
tiempo = window.setTimeout('escrolea()',50)
}
var tiempo
function pausa()
{
clearTimeout(tiempo)
if (det == false){
tiempo = setTimeout ('continuar()',2000)
}
}
function continuar()
{
if(det == false)
{escrolea()}
}
document.write('<style type="text/css">')
document.write ('#uno {')
document.write ('color: #006699;')
if(cursor == "pointer" || cursor == "hand"){
cursor = (navigator.appName == "Netscape")?'pointer;':'hand;';
}
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('#dos {')
document.write ('color: #006699;')
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('.titular{')
document.write ('color:' + colTitular +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamTitular + 'px;font-weight:bold}')
document.write ('.texto{')
document.write ('color:' + colTexto + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamTexto + 'px;}')
if(poneFecha == true){
document.write ('.fecha{')
document.write ('color:' + colFecha +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamFecha + 'px;font-weight:bold}')
}
else{
document.write ('.fecha{display: none;}')
}
document.write ('.enlace{')
document.write ('color:' + colEnlace + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamEnlace + 'px;}')
document.write ('</style>')
</script>
<!-- fin del codigo -->
05 agosto 2007
El resultado del siguiente codigo en Javascript sera la fecha en formato de texto de la siguiente forma: "Viernes, 5 de Agosto de 2007", que se actualizará automaticamente cada dia.
Primero debes insertar el Codigo 1 antes de </head> en edicion HTML de tu página web.
El codigo 2 lo insertas en el body de tu pagina, donde quieras que aparezca la fecha.
Codigo 1:
Codigo 2:
26 julio 2007
Muchas webs tienen un icono que los representa en la barra de direcciones al lado izquierdo y que al agregarlos a favoritos tambien aparece lo que los hace recordables a la hora de buscarlos.
Si tambien quieres poner uno en tu web y no sabes como, La solucion es muy sencilla.
Para empezar debes crear una imagen de ancho y alto del mismo tamaño, por ejemplo 80x80 pixeles en formato gif o jpg.
Luego debes convertir esa imagen en icono (.ico) de 32x32 o 16x16 pixeles, para ello vamos a recurrir a una pagina convertidora: Chami.com
Das clic en examinar, buscas la imagen que deseas convertir a icono en tu pc y haces clic en "Generate FavIcon.ico".
Luego de convertirla la bajas a tu pc, haciendo clic en "Download FavIcon", y luego la descomprimes.
Verás 4 archivos, el que necesitamos es el "favicon.ico".
Lo subes a un servidor como Ripway
Recuerda que no es una imagen jpg o gif, es un .ico por lo tanto no podrás subirla a ImageShack o otros sitios alojadores de imagenes.
Insertar el Código.
Editas tu web en HTML y antes de </HEAD> Pegas el siguiente codigo:
<link href="http://tuservidor.com/favicon.ico" type="image/x-icon" rel="shortcut icon"/>
Editas la direccion en donde quedo alojado el icono. En el ejemplo esta alojado en Geocities, en la cuenta del señor imaginario "icono".
Luego Guardas los cambios y Listo!
Ahora ya tienes un icono en la barra de direcciones y cuando te agreguen a favoritos sabran identificarte facilmente.
Saludos!
