Recursos y Diseño Web

Herramientas online

2009-12-03T13:12:00.000-08:00

Según publica hoy el blog de Gema@
reproducimos estas herramientas online que pueden ser interesanetes y nos pueden ayudar a recordar ciertas páginas:
Fuente wwww.gemablog.-blogspot.com
LunaPic Editor multiusos, Slideshow, transiciones, mosaicos, bordes...

BIGHUGELabs ¿Quieres crear tu propio Wallpaper? o quizás prefieras crear una galería de imágenes, o un banner, o un calendario...

Online Image Editor Añade atractivos efectos, recorta y modifica imágenes animadas sin que éstas pierdan la animación.

Rsizr Altera las dimensiones de una imagen sin ampliarla ni reducirla, trabaja con un algoritmo y elimina el aumento de píxeles en la imagen.

Gickr Crea gif animados.

Picture2life Efectos para nuestras fotografías.

Whatsitscolor Extraer los colores de una imagen muy útil.

Loogix Si te gustan las imágenes animadas aquí puedes crearlas.

Resizeyourimage Recorta cualquier área de una imagen.

PicTreat Para conseguir que en nuestras fotografías se muestre una piel más suave y brillante, eliminar efectos que irriten la piel, ojos rojos y corregir colores.

Quick Thumbnail Redimensionar imágenes, permite modificar según porcentaje, tamaños predefinidos o una serie de tamaños estándar iconos, avatar,favicon...

DrPic Otro editor de imágenes, muy básico pero rápido y eficaz.

Thumbizy Realiza capturas de una web en distintos tamaños.

Picshadow Añade sombra al borde de las imágenes..

RoundPic: Redondear los bordes de las imágenes y ajustar el grado del arco.

Picreflect Añade reflejos a las imágenes.

Wet floor Generador de reflejos también conocido como piso mojado.

Mirror Effect Más reflejos en imágenes con la posibilidad de aumentar o disminuir su transparencia.

Color hunter Extrae los colores de una imagen, imprescindible si quieres diseñar tu plantilla.

CutMyPic Recorta y da sombra a las imágenes.

Color Explorer Potente herramienta del color.

Pic Markr Marca de agua en las imágenes.

Manigraph Transforma cualquier imagen en un archivo vectorial

Picnik Editor de imágenes algo lento pero muy completo, elimina ojos rojos, contraste, aumentar de tamaño, añadir texto, marcos...

Photo505 Cualquier cosa es posible.

prueba

2009-10-17T03:14:00.000-07:00

PESTAÑA 1

AQUI CONTENIDO

PESTAÑA 2

AQUI CONTENIDO

PESTAÑA 3

AQUI CONTENIDO

Google y Twitter

2009-04-03T10:43:00.000-07:00

Google podría adquirir Twitter ya que las conversaciones para hacerse con el sitio de microblogging se encuentran "en la fase final". Así lo confirmaron dos fuentes cercanas a las negociaciones a la web TechCrunch y además se espera que se anuncie en cualquier momento.
Twitter, que se ha convertido en una de las redes sociales de mayor crecimiento en los últimos meses, rechazó recientemente una oferta por parte de Facebook, que ofrecía unos 500 millones de dólares en acciones (372 millones de euros), lo que restaría atractivo a la propuesta, ya que la proposición de Google podría concretarse en efectivo o acciones cotizadas, lo que implica un grado de liquidez muy superior a la oferta de Facebook.

De cerrase el acuerdo, se trataría de la segunda ocasión en la que los fundadores de Twitter, Evan Williams y Biz Stone, venden una de sus empresas a Google, puesto que hace cinco años vendieron Blogger al gigante de las búsquedas en Internet.

No obstante, el 'blog' advierte de que, mientras dos de sus fuentes indicaron que las negociaciones se encontraban en una fase avanzada, una tercera fuente precisó que las negociaciones estaban en un momento preliminar y que ambas empresas estudian colaborar en el desarrollo de un motor de búsquedas en tiempo real para Google.

Conexión banda ancha

2009-03-20T12:32:00.000-07:00

El número de altas de líneas de banda ancha en el mes de enero, con 73.089 nuevas contrataciones, descendió un 40 por ciento frente a las 122.834 registradas en el mismo período de 2008, según informó hoy la Asociación de Internautas.
Leer mas...

En concreto, el primer mes del año se cerró con un total de 9,1 millones de líneas de banda ancha (7,3 de ADSL y 1,7 de cable), una proporción de 19,8 números por cada 100 habitantes, frente a las 20 contrataciones por cada 100 personas conseguidas en diciembre de 2008.

Por tipo de conexión, el ADSL creció un 38,4 por ciento menos que en el primer mes de 2008, consolidándose así la tendencia de descenso en España respecto a 2007 2006. Por otro lado, el cable ha conseguido casi la mitad de usuarios menos (49,4%) que las altas que marcó en 2008: alrededor de 22.630.

Ante esta caída generalizada del número de líneas, la entidad reiteró su petición de rebajas de precios para lo que considera como "el ADSL más caro y lento de Europa", y la declaración de servicio universal al acceso a Internet por banda ancha. "Para cerrar la brecha digital es imprescindible que esto sea considerado parte del servicio universal", afirmó.

Encuentra puntos de red Wifi

2009-01-30T12:20:00.000-08:00

Sitio Web www.quewifi.es para encontrar redes inalambricas donde poder conectarse,mostrándolas sobre mapa de Google
En la imagen el mapa de Santander y las redes wifi

Template Daily Inspired

2009-01-29T10:44:00.000-08:00

Un bonito y elegante diseño de Antonio Lupetti`s disponible para usar con Blogger Templates.Estilo magazin blogs y profesional
Demo
Download
Download

Blogs en la Prensa

2009-01-26T14:03:00.000-08:00

Una compañía de Chicago ha asumido el reto de reactivar la prensa de papel, y llevar a cabo 'la revolución', mediante la impresión de los blogs libres en los periódicos locales y, como en Internet, con publicidad orientada al público y barata.

'The Printed Blog' estará en las calles de Chicago y San Francisco el martes, antes de ser lanzado en Nueva York el próximo mes.

"Lo que estamos tratando de hacer es aplicar los principios que funcionan en la industria de Internet a la industria de la prensa de papel, para ver si funciona", explica Joshua Karp, fundador de la empresa.

Los periódicos, de los que se imprimirán 1.000 ejemplares, pueden orientarse a áreas específicas. Para Karp, esta especialización se traduciría en un número comprendido entre 50 y 100 ediciones en las principales ciudades, donde adedmás los lectores podrían votar sobre el contenido de su periódico.

Chat Talck.com

2009-01-22T14:57:00.001-08:00

Talck.com, es una herramienta online que permite chatear con cualquier persona. No tenemos más que ingresar y mediante el registro con nuestra cuenta de Google entraremos para crear una sala con lo cual una vez creada, daremos el nombre a la persona con la que queramos chatear, para que la ponga en su navegador, con lo cual ya estaremos en disposición de poder chatear con cualquier persona.

Plantilla Blog Oh Blog

2009-01-15T13:41:00.000-08:00

Plantilla Blog oh Blog, con un bonito diseño de la web www.eblogtemplates.com

Demo
Downoad
Downoad

Downoad

Skipe llega a los moviles

2009-01-10T04:35:00.000-08:00

El pionero de la telefonía por Internet, Skype ha anunciado el lanzamiento de una versión especialmente adaptada para teléfonos móviles.

Skype, que pertenece al sitio de subastas de eBay, ha anunciado en Las Vegas que ha desarrollado una versión que se puede descargar libre en los teléfonos usando el sistema operativo Android desarrollado por Google o en "más de un centenar de otros modelos que trabajan con el lenguaje de programación Java".

Sin embargo, el sistema sigue siendo una "actualización beta", es decir, experimental.

Este servicio permite hacer llamadas gratuitas de Skype entre números conextados y llamadas baratas a números fijos y móviles no están conectados a Skype. Trabaja por ahora en diez países, los Estados Unidos, Gran Bretaña, Polonia, Brasil, Suecia, Dinamarca, Finlandia, Estonia, Australia y Nueva Zelanda.

"Casi la mitad de la población del mundo utiliza los teléfonos móviles de hoy y sabemos que muchas personas que utilizan Skype desean poder utilizar su teléfono móvil", explicó un alto cargo de la corporación , Scott Durchslag.

En la actualidad, el único teléfono que ejecuta Android G1 está fabricado por HTC. Otros teléfonos de diversas marcas como LG, Motorola, Nokia, Samsung y Sony Ericsson también puede usar el Skype.

El sistema ha sido probado en un número más pequeño de los teléfonos, pero nunca los Estados Unidos.

Superponer texto de colores

2009-01-03T03:02:00.000-08:00

Una manera bastante sencilla y elegante de presentar nuestros textos o incluso los títulos de las entradas, es mediante la superposición de letras o textos de difentes colores,para ello no tenemos más que buscar ]]></b:skin> y antes aplicarenmos el siguiente código:
.element {font-family: 'Arial';font-size:75px; position:absolute; }

#element-1{ color:#afafaf; }

#element-2{ color:#000000; margin:30px 0 0 30px; }

#element-3{ color:#787878; margin:60px 0 0 60px; }

#element-4{ color:#1d1080; margin:90px 0 0 90px; }

#element-5{ color:#aba6cd; margin:120px 0 0 120px; }

Seguidamente vamos a nuestra plantilla y agregaremos un elemento HTML con este código
<div id="element-1" class="element">TEXTO</div>

<div id="element-2" class="element">TEXTO</div>

<div id="element-3" class="element">TEXTO</div>

<div id="element-4" class="element">TEXTO</div>

<div id="element-5" class="element">TEXTO</div>

Imprimir o Guardar blog como PDF

2009-01-02T12:03:00.000-08:00

En el primer caso para imprimir emplearemos el siguiente código en el lugar que deseemos que aparezca tal cómo puede ser una entrada o post:

<a href="javascript:window.print()"><img src="http://img229.imageshack.us/img229/6259/imprimirml8.gif"/></a>

En el segundo caso para guardar cómo documento en -pdf-, emplearemos este otro código:
<a href="http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.asp?cURL=http://Direccion del Blog.blogspot.com/"><img src="http://img352.imageshack.us/img352/6350/pdfqi3.gif"/></a>
en -Imageshack.us están alojadas las imagenes, en caso de querer otra imagen en su lugar pondremos las de nuestro propio alojamiento.

Yahoo "Mail Social" y barra Herramientas

2009-01-01T09:04:00.000-08:00

Permitirá a los usuarios acceder a su casilla mientras hacen una búsqueda en internet. Asimismo, su correo electrónico combinará opciones de red social, en una estrategia de apertura a sus usuarios y terceros

Firefox, Yahoo!, Microsoft y otros crean barras de herramientas, las pequeñas tiras que se colocan en la parte de arriba del buscador, para dar un acceso más rápido y más fácil a las opciones de internet.

La barra de Yahoo!, que estará disponible a finales de esta semana, permitirá a los usuarios acceder a una serie de programas sin dejar la página en la que estén.

Por ejemplo, los usuarios podrán recibir notificaciones de sus correos en la barra y abrirlos.

La compañía también mostró un nuevo diseño para la bandeja de entrada, que combina opciones de red social y permite a los usuarios entrar en programas de terceros.

Yahoo! tiene alrededor de 275 millones de usuarios de su correo electrónico. Su portal se basa en ingresos por publicidad y la empresa afirma que tiene una audiencia de más de 500 millones de consumidores.

Como es normal con Yahoo!, los cambios se hacen poco a poco y más adelante estarán a disposición de todos los usuarios.

Quinientos libros en el bolsillo

2008-12-30T11:32:00.001-08:00

Papyre es el intento español de introducir los ebooks en el mercado en un año en el que las editoriales parecen haberse dado cuenta de que el libro electrónico es más el presente que el futuro (aunque algunos no podamos separarnos de nuestros libros). Papyre -de fabricación china, como todo- se vende por 299 euros con una tarjeta de memoria de 1 giga en la que hay almacenados 500 títulos libres de derechos. Ciertamente, no se puede decir que haya novedades editoriales, pero el lector cumple su función. Las letras se ven con claridad y la lectura se asemeja a la de un libro. No, no tiene pantalla táctil ni conexión inalámbrica. Para pasar páginas hay que utilizar la botonadura y para ampliar la lista de libros, hay que acudir a la tarjeta de memoria.

Windows 7 a las puertas

2008-12-29T14:28:00.000-08:00

¿No se ha mudado aún usted a Windows Vista? Tal vez no lo necesite. Dada la tibia recepción a Vista, Microsoft está acelerando la salida de su sucesor -bautizado por ahora Windows 7- y hacia fines de 2009 oirá hablar mucho de él. De hecho, es posible que vea los primeros ordenadores Windows 7 salir de la línea de montaje justo a tiempo para la temporada de Navidad 2009.

Esto es lo que Microsoft quiere, pero dada la tendencia pasada de Microsoft de sacar sistemas operativos que son menos que estables en su primera versión, lo prudente será quedarse al margen y observar, al menos al comienzo. Incluso, gran parte de lo que se espera con Windows 7 es respuesta a las quejas de los usuarios sobre Windows Vista.

Windows 7, afirman los representantes de Microsoft, se centrará en mejoramientos en cuanto a capacidad de respuesta y facilidad de uso. Un gran énfasis de Windows 7 será el mejorar la "experiencia del primer día" del sistema operativo.

Esto quiere decir que Microsoft tratará de mejorar la mayoría de las cosas que hoy molestan al usuario de Windows Vista: el control de las cuentas de usuario, la lentitud y una interfaz que lo desacelera todo.

Pero lo más importante de Windows 7 será probablemente la virtualización, una tecnología que permite que una computadora trabaje con diferentes sistemas operativos al mismo tiempo o hacer funcionar aplicaciones que suelen requerir varios sistemas operativos diferentes.

Windows Server 2008, diseñado para negocios, ofrece ya virtualización, y esta tecnología parece ahora estar destinada a migrar al nivel del consumidor. Con la virtualización podrá usted hacer funcionar Linux, Windows 95 y DOS, todos en la misma máquina y al mismo tiempo. Esto tiene beneficios múltiples: ahorro de energía, recorte de gastos en actualización del 'software' y accesibilidad a una amplia gama de aplicaciones.

Avance de los miniportatiles

2008-12-28T14:21:00.000-08:00

P
uesto que todo apunta al mundo 'online', ¿por qué no diseñar un simple ordenador portátil expresamente para llevarnos allí? Esta es la idea tras el 'netbook' o miniportátil, y el éxito de los primeros modelos de fabricantes como Asus y Dell sugiere que 2009 verá esta categoría de ordenadores ganar cada vez más la atención del usuario.

El atractivo de los netbooks es obvio: tienen la mitad del tamaño y la mitad del peso de un típico portátil para todo uso.

Están centrados en lo que interesa para trabajar 'online': un teclado decente y una pantalla adecuada, rápida conectividad inalámbrica a Internet y memoria suficiente -en forma de un disco sólido o SSD- para guardar lo esencial.

Con esto se acaban los reproductores CD/DVD portátiles, las pantallas de alto consumo energético y los discos duros tradicionales. El resultado: un portátil que da gusto llevar consigo, agradable de usar, y que sirve perfectamente para ver el correo electrónico, escribir documentos o navegar por Internet.

Feliz Navidad

2008-12-24T11:28:00.000-08:00

Feliz Navidad

Desplegar y Recoger (Otras formas)

2008-12-17T10:20:00.000-08:00

Esta es otra forma de presentar el widget de Desplegar y Recoger, de entre las innumerables formas que hay.Esta destaca por su simpleza y reducido código sin que haya que modificar la plantilla -HTML-, y por su eficacia.
El siguiente código se implementará en el lugar que queramos que se muestre, bien sea en las entradas y bien en la sidebar de nuestro blog.
Se pondrá antes de la etiqueta -/head-, justo antes...

Código:
<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;

if(c.style.display=='none') {
c.style.display='block';
} else {

c.style.display='none';
}
return false;
}
</script>

Después lo que queramos ocultar lo situaremos dentro de este otro código:

<a onclick="return verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido oculto</div>

Visto en www.gemablog.-blogspot.com
de la web de www.vagabuncia.blogspot.com

Cómo editar cualquier página

2008-12-10T10:38:00.000-08:00

Les muestro una curiosidad o truco para poider editar cualquier página Web o Blog,para editarla sólo tendremos que situarnos en cualquier página que queramos y proceder de esta manera, insertando el siguiente código:
Vamos a cualquier pagina
Eliminamos todo lo que nos encontremos en la barra de direcciones
Insertamos el siguiente código.
Presionamos la tecla Enter
Comenzamos a editar…
Código..
El código es el siguiente:
javascript:document.body.contentEditable=’true’; document.designMode=’on’;void 0Que se diviertan editando paginas ajenas
Visto en:www.trucosblogger.es

Template Rebel Magazine

2008-12-08T04:52:00.001-08:00

Rebel magazine - Blogger xml template tema layout

Demo:
Download:

Template Angel

2008-12-08T04:07:00.000-08:00

Angel - Blogger xml template tema layout
Blogger xml template layout tema - Angel

Demo:
Download:

2008-12-03T11:34:00.000-08:00

Plantilla Neo

Plantilla Neo vista en la página de Cesar de 3 columnas bastante proporcionadas entre si las tres.Además lleva incorporado en los post la instrucción de "Leer más".Plantilla por otra parte muy ràpida en pasar de un archivo a otro. Un bonito diseño a tener en cuenta

Ver Demo
Código
Vista en :El Blog de Cesar

Doble Titulo

Una forma de poner un texto o simplemente para poner un determinado titulo
y que se vea doble.Primeramente vamos a plantilla, editamos y añadimos el siguiente código justo antes de este:
]]></b:skin>
añadimos este otro:

h5{margin: 0;font-weight: normal;color: #e6cbdb;font-size: 2.1em;position: relative;}h6{margin: 0;display: inline;position: relative;top: -.5em;left: 1em;font-size: 1.5em;font-weight: normal;color: #6c1e4b;}

Después cada vez que queramos ver texto "Doble", añadiremos lo siguiente bien en una entrada o en nuestro -sidebar-
<h5>Aquí texto</h5>

<h6>Aquí texto</h6>

Ejemplo:

Doble título

Doble titulo

2008-11-25T11:05:00.000-08:00

Texto a dos columnas

Les muestro otra forma de presentar los textos de nuestras entradas en doble columna, estilo periódico o revista. Aunque hay otros códigos al respecto, este parece interesante por su simplicidad ya que no necesita de otros códigos HTML, ni tampoco de CSS, por lo que sólo aplicar el mismo basta para el efecto comentado.
Leer mas

codigo
<table><td style="width:40%;margin-top:0px;padding:15px;"><p style="text-align:justify;">AQUÃ� EL TEXTO DE LA PRIMERA<br />COLUMNA DEL POST</p> <td style="width:40%;margin-top:0px;padding:15px;"><p style="text-align:justify;">AQUÃ� EL TEXTO DE LA SEGUNDA COLUMNA DEL POST</p> </table>

Resaltar texto

Cómo resaltar y poner fondo de color a una parte de texto:

Para hacerlo pongan después de <style type="text/css"> y antes de </head>

span.highlight

{

background-color:#FFFF00

}

Leer mas

Template Cellar Heat

2008-11-24T14:15:00.000-08:00

Template Cellar Heat - Blogger xml template tema layout, ahora para Blogger
Ported by: MagzNetwork
Download
Demo
Nuevo template con sistema de post resumidos, con la posibilidad de leer el texto completo mediante la formula de -leer mas-

Otro "Desplegar y Recoger"

2008-11-17T13:48:00.000-08:00

Aunque hay varios metódos en la red para mostrar en nuestros blogs la manera de "desplegar y recoger", les muestro el código de esta otra manera de aplicarlo y que es bastante sencilla de realizar,ya que solamente pondremos dicho código en las entradas donde queramos que aparezca, bien sea en un post de entrada o en un elemento de la -sidebar-.

<div><div><div class="pre-spoiler"><span style="float: left; padding-top: 2px;"></span><input value="Ver" style="margin: 0px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver';}" type="button"> </div> <div> <div class="spoiler" style="display: none;"><span style="font-family:trebuchet ms;"><div style="text-align: center;"><div style="text-align: justify;"><u style="font-family: trebuchet ms;"></u>

TEXTO A OCULTAR

</span></div></div></span></div></div></div></div></fieldset>

Cartilla GPS Diario El Mundo

2008-11-13T09:54:00.000-08:00

Según publica el diario El Mundo, estos dias hay una campaña para conseguir un navegador GPS, mediante 15 cupones que se publican diariamente y a un precio de 69 Euros. Esta es la cartilla para pegar los 15 cupones.

Enviar e-mail

2008-11-11T10:44:00.000-08:00

Una buena manera de enviar un e-mail desde el propio blog es creando un formulario en la misma página web.Este es el código que tendrán que insertar donde quieran situarlo; bien sea en una entrada o en el sidebar.

<form action="mailto:direcciondecorreo@servidor.com" method=post>
<table align="center" border="0"><td align="left" width="100">Nombre:</td><td align="center" width="150"><input name="nombre" maxlength="25" type="text" value=""></td> <tr><td align="left" width="100">Email:
</td><td align="center" width="150"><input name="mail" maxlength="25" type="text" value="">
</td> <tr><td align="left" width="100">Motivo:</td><td align="center" width="150"><input name="motivo" maxlength="25" type="text" value=""></td> <tr><td align="left" width="100"> Mensaje:</td><td><textarea name="mensaje" rows=3 cols=20></textarea></td><tr><td width="100"></td> <td align="right" width="150"><input name="boton" type="submit" value="Enviar">

</td>

</table>

</form>

Con lo que quedaría así para poder introducir los datos personales y
enviar el e-mail.

XHTML y CSS

2008-10-25T01:31:00.000-07:00

Recogido de Web Scribd,
este manuel de XHTML y CSS

BlackBerry

2008-10-09T12:18:00.001-07:00

Vodafone comenzará a distribuir el mes próximo su primer teléfono sin teclado. El modelo Storm se venderá sólo a través de Vodafone, y la vinculación con la operadora móvil es tal que, a diferencia de otros terminales de su categoría, carecerá de conectividad WiFi. Eso sí, la pantalla no sólo es táctil, sino háptica, y la batería es extraíble.
Research In Motion ha dado el paso definitivo con el Storm: el único teclado del nuevo BlackBerry es virtual en pantalla, a elegir entre tres formatos: multitoque, SureType y QWERTY convencional. Naturalmente, un acelerómetro detecta la posición y gira la imagen en consecuencia.

La gran novedad de la pantalla del Storm, que es de 3,25 pulgadas y posee una resolución de 480x360 píxels, es la tecnologia háptica de retorno táctil, que ofrece una indicación táctil de la pulsación efectuada, complementada con la iluminación del botón pulsado.

Visor de fotos

2008-09-20T13:59:00.000-07:00

Visor de fotos en miniatura
-----------------------------------
Esta es una utilidad que puede ser bastante práctica, ya que se pueden ver las fotos en miniatura dentro de una misma entrada.
Para llevarlo a cabo solo tendremos que pegar el siguiente código antes de la etiqueta -/head-:
<link href='http://blogdecesar.googlepages.com/thumbnailviewer.css' rel='stylesheet' type='text/css'/>

<script src='http://blogdecesar.googlepages.com/thumbnailviewer.js' type='text/javascript'>

</script>

y para subir las fotos tendremos que añadir este otro, teniendo en cuenta que hay que pegar la URL de la imagen en dos sitios dentro del siguiente código:

<p><a href="URL de foto" rel="thumbnail" title="Esto sale abajo de la foto">

<img src="URL de foto" style="width: 85px; height: 125px" /></a></p>

Plantilla Simplex

2008-09-06T12:26:00.000-07:00

Otra bonita plantilla al igual que la de "Leia", es esta titulada "Simplex", sacada de de la página de /freshbloggertemplates.blogspot.com>

[+/-]Código:


Texto:

Texto:
Ver Demo
Download

Texto:

Nuevo navegador de Google

2008-09-02T12:12:00.000-07:00

'GOOGLE CHROME'
Google vuelve a desafiar a Microsoft al lanzar un navegador de código abierto y muy rápido
Se puede descargar desde http://www.google.com/chrome desde las 21.00
Actualizado martes 02/09/2008 19:29 (CET)
Diario El Mundo www.elmundo.es
MADRID.- 'Google Chrome' es la apuesta del buscador para comer más terreno a Microsoft y, además, expandir sus herramientas directamente en la pantalla del usuario. Antes, el universo Google necesitaba navegadores como Internet Explorer, Firefox de Mozilla o Safari de Apple para llegar al usuario. Ahora, el gigante de la Red ofrece él mismo este navegador "estable, rápido e intuitivo", para servir todas sus herramientas directamente a la pantalla del usuario.

Así de optimista se mostraba Hugio Barra, director de producto de Google, durante su presentación en Madrid de 'Google Chrome', un día antes de lo previsto por la publicación involuntaria en el blog oficial de la compañía de detalles sobre el buscador.

"El objetivo de Google siempre ha sido crear aplicaciones funcionales basados en entornos web, y no todas se pueden hacer desde los navegadores existentes. Vamos a ver más aplicaciones en los próximos años", comentó Barra.

seguir leyendo

'Google Chrome' está concebido, al igual que Android para móviles, como una plataforma de aplicaciones. Es más que un navegador, según subraya la compañía.

Esto significa que, por ejemplo, el proceso de búsqueda y navegación está integrado en la misma barra. De esta manera, al introducir un téermino el navegador 'engancha' con 'Google Suggest'. Naturalmente, se puede cambiar de buscador al instalar la aplicación, de manera que no tiene por qué buscar a través de Google, puede ser Yahoo!, MSN, Ask...

El desarrollo completo es de código abierto, y la compañía quiere que otras empresas se beneficien del producto e incluso lo mejores, en la línea de otros productos de Google. Basado en Webkit de Apple "por su rapidez", cuenta con un motor JavaScript mejorado denominado V8 y que, según las pruebas, hace que las aplicaciones complejas funcionen unas cinco veces más rápido que en Firefox 3, y casi 100 veces más rápido que en Internet Explorer 7. Este motor está pensado para aplicaciones complejas existentes y para las futuras.

Entradas y Comentarios

2008-08-23T08:07:00.000-07:00

Para mostrar las estadísticas correspondientes al número total de comentarios y de entradas que tiene nuestro blog, disponemos de este código html, que implementaremos dentro de nuestra plantilla añadiendo un nuevo elemento HTML:
<br/><fieldset style="background:url(URL-DE-TU-IMAGEN)right no-repeat;"><legend><b>Estadísticas</b></legend><ul><li><script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://NOMBRE DE NUESTRO BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> entradas</li>
<li><script src="http://NOMBRE DE NUESTRO BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> comentarios</li></ul></fieldset>
Solamente cambiaremos donde dice NOMBRE DE NUESTRO BLOG,por el nombre nuestro.
Fuente:Marcos

Las leyes sagradas de los hombres

2008-08-21T10:38:00.000-07:00

Ley de la indumentaria
1 Un colega nunca es hortera ni macarra.Un colega tiene estilo
2 Un hombre jamás criticará la forma de vestir de otro, salvo que este se ponga minifalda y se haga llamar Vanesa.
3 Un hombre acompañará a otro a comprar ropa sólo si el comprador ha elegido ya
y es cuestión de ir a pagar.
4 Si un tio lleva la bragueta abierta es su problema.Tú no has visto nada.
5 No existen los siguientes colores: Lila, fucsia, violeta, pistacho, crema, celeste, melón.
6 Un hombre no permite nunca que sus amigos lleven bañadores slip.Nunca.

Ley del sexo
1 El sexo ocupa el 95% de nuestros pensamientos, el otro 5% es para disimular
que no pensamos en el sexo.
2 Todos los hombres somos actores porno esperando una oportunidad.
3 A todos nos mide lo mismo.
4 En una ducha comunitaria, nunca se mirará el miembro del otro.
5 Los trios se componen de dos mujeres y un hombre, lo contrario es contra natura.
6 Si algo falla, siempre será la primera vez que nos pasa y será por el stress.
Ley de la cultura y espectáculos
1 La lectura diaria es obligatoria siempre que sea el As o el Marca
2 Durante un partido televisado si se llega tarde se pregunta el resultado pero
jamás quién juega.
3 No se baila, como mucho se simula que se toca una guitarra en los punteos.
4 Arte es lo que tiene un camarero tirando cañas,lo demás son mariconadas.
Ley de las mujeres
Una mujer nunca es encantadora.O está buena o no está buena.Cualquier otro
comentario sobra.
2 La pareja de un colega es sagrada.Si se han separado hay que esperar al menos
24 horas antes de cepillartela, eso con consentimiento del colega.
3 Si has sido amigo de un hombre durante más de 24 horas, sus hermanas no serán
nunca más objetivo tuyos para el resto de tu vida salvo que te cases con ellas.

Bueno por hoy vale, potro día más

Plantilla Revolution

2008-07-21T11:41:00.000-07:00

Tema Revolution-Plantilla XML Blogger Template

Demo:
Download:

prueba type writter

2008-07-12T02:21:00.001-07:00

AQUI TEXTO

Quickpost this image to Myspace, Digg, Facebook, and others!

Plantilla Indomagz

2008-07-04T14:08:00.000-07:00

Antes de hacer cualquier modificación en tu plantilla guarda una copia de seguridad, ya que los cambios puede que no salgan tan bien como quisieramos y así siempre podremos recuperarla.

Buevo Blogger Template XML INDOMAGZ
Nuevo tema crado en un principio para Wordpress, y adaptado posteriormente con algunos cambios para Blogger.
Se puede bajar la planntilla desde el link de más abajo.
Demo :
Download :

Entradas a doble columna

2008-06-24T13:24:00.000-07:00

Una forma bastante bonita y elegante de poner los textos de nuestras entradas en los post, es la de darlos forma de doble columna o estilo de periodico, para ello sólo tendremos que insertar el texto dentro del siguiente código que tendremos que aplicar en cada entrada que lo queramos aplicar.
Código:
<table><tbody><tr><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify">AQUí EL TEXTO DE LA PRIMERA

</p><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify">AQUí EL TEXTO DE LA SEGUNDA COLUMNA DEL POST</p></td></tr></tbody></table>

Ejemplo:

Una forma bastante bonita y elegante de poner los textos de nuestras entradas en los post, es la de darlos forma de doble columna o estilo de periodico

para ello sólo tendremos que insertar el texto dentro del siguiente código que tendremos que aplicar en cada entrada que lo queramos aplicar.

Ventana emergente

2008-06-22T14:23:00.000-07:00

Para abrir una ventana emergente o pop-up, que podemos usar para mostrar algo importante o que queramos resaltar de una manera especial, mediante la apertura de una ventanita pequeña, emplearemos el siguiente código.

Pulsar en -texto para pinchar-, para que se abra la ventana
TEXTO PARA PINCHAR

Código:
<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onClick="window.open(this.href, this.target, 'width=300,height=400,top=200px,left=300px'); return false;">TEXTO PARA PINCHAR</a>

y si lo queremos mostrar con una imagen emplear el siguiente código:

<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onclick="window.open(this.href, this.target, 'width=300,height=400,top=100px,left=100px'); return false;"><img src="IMAGEN PARA PINCHAR"/></a>

Plantilla Blue Blog

2008-06-11T11:49:00.001-07:00

Plantilla para Blogger Blue Blog de tres columnas diseñada para WordPress por Kailoon y adaptada a Plantilla para Blogger por Zona Cerebral.

El código de esta plantilla adaptada se comparte de forma gratuita bajo licencia Creative Commons Reconocimiento-No comercial, por lo que el único requisito exigido para utilizarla es el mantenimiento de los enlaces situados en el pie de página del diseño, a modo de reconocimiento por el trabajo realizado.
Fuente : Zonacerebral.com
Demo de la Plantilla
Formato XML
Script Jquery
Script Tab

Efecto Drop/Down

2008-06-07T13:29:00.000-07:00

Efecto muy interesante visto en el estupendo blog de Pizcoss, es este efecto de Drop/Down que nos permite mostrar en el -sidebar- de nuestro blog, el contenido
que queramos simplemente pasando el ratón por encima del titulo o etiqueta y que
se muestre todo su contenido, volviéndose a ocultar al retirar el ratón.
Se puede decir que es algo parecido al efecto de Mostrar/Ocultar, pero en este
caso solamente pasando el ratón por encima sin tener que pulsar ningún botón.
Paso a mostrarles el correspondiente código que tendrán que agregar donde lo quieran aplicar en el -sidebar- del blog

Código:
<a onmouseover="showit(0)"><img src="AQUI URL DE LA IMAGEN" /></a>

<ilayer bgcolor="#ffffff" name="dep1" position="relative">

<layer name="dep2" position="relative">

</layer>

</ilayer>

<div id="describe" onmouseover="clear_delayhide()" style="POSITION: relative; BACKGROUND-COLOR: #ffffff" onmouseout="resetit(event)"></div>

<script language="JavaScript1.2">

/*

Tabs Menu (mouseover)- By Dynamic Drive

For full source code and more DHTML scripts, visit http://www.dynamicdrive.com

This credit MUST stay intact for use

*/

var submenu=new Array()

submenu[0]='<b>AQUI LO QUE QUEREMOS MOSTRAR</b>'

var delay_hide=300

var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){

clear_delayhide()

thecontent=(which==-1)? "" : submenu[which]

if (document.getElementByIddocument.all)

menuobj.innerHTML=thecontent

else if (document.layers){

menuobj.document.write(thecontent)

menuobj.document.close()

}

}

function resetit(e){

if (document.all&&!menuobj.contains(e.toElement))

delayhide=setTimeout("showit(-1)",delay_hide)

else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhide=setTimeout("showit(-1)",delay_hide)

}

function clear_delayhide(){

if (window.delayhide)

clearTimeout(delayhide)

}

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

</script>

Template Art Imaginatión

2008-05-31T04:24:00.001-07:00

Art Imagination - Blogger xml template tema layout

Demo:
Download:
Ported by:Jackbook

Quien nos enlaza

2008-05-06T14:24:00.000-07:00

Sitio web http://wholinked.com/ que nos muestra el código para saber quién nos enlaza.
Nos muestra el código tanto para sitios web cómo para diversos sitios de blogs,tales
como WirdPress, TypePad, NovableType,Blogger, Website y Otros tipos de Blogs.
Este código lo aplicaremos en el -Sidebar- del blog, añadiendo un Elemento de página, edición HTML

Código para Blogger:
<MainOrArchivePage>

<h2 class="sidebar-title">Sites Linking Here</h2>

<script type="text/javascript" language="javascript" src="http://wholinked.com/blogger.js"></script>

</MainOrArchivePage>

Plantilla Statement

2008-05-05T10:06:00.000-07:00

Visto en la web de Zonacerebral, esta bonita plantilla para blogger titulada Statement.
Diseñada para Wordpress por "Blogohblog.com" y adaptada para blogger por
zonacerebral
El diseño cuenta con dos columnas laterales a la derecha y una sección clasificada por etiquetas mediante un script en la parte superior del sidebar.
Se puede descargar de forma gratuita bajo licencia Creative Commons

Demo de la Plantilla :
Download formato xml:
Script Date:
Script tabber
Instalación:
Personalización:

Header. El título de esta plantilla ha sido suprimido y reemplazado por una imagen que se encuentra disponible en formato .PSD de Adobe PhotoShop en los enlaces de descarga. Para modificarla, debes buscar el código CSS “#logo h1” y sustituir la dirección del atributo background por la de tu imagen. Hecho esto, tienes que buscar la correspondiente etiqueta div con el ID “logo” (situada dentro de la sección “body” del HTML de la plantilla, fuera del código CSS) y cambiar la dirección URL que se encuentra entre las etiquetas h1, para que tu imagen de título quede vinculada con la página inicial de tu blog.

Buscador. El código del buscador situado en la parte superior del diseño, se encuentra unas líneas por debajo del header, por lo que no te será dificil encontrar la etiqueta con el ID “searchbox“. Una vez allí y para que el buscador funcione correctamente, tan sólo tienes que reemplazar la dirección URL del campo “form action” por la de tu blog, acabado en /search y respetando las comillas. Por ejemplo: http://tublog.com/search.

Menú. Sigue bajando a través del código HTML de tu plantilla y sustituye las direcciones URL que se encuentran bajo el div con el ID “nav”, así como el anchor text de los enlaces que desees mostrar en el menú de navegación.

Mensaje de bienvenida. Desciende un poco más y modifica el mensaje de bienvenida predeterminado, bien por otro mensaje similar, por un bloque de anuncios, por miniposts o asides de Twitter, etc.

Fecha y RSS. Dentro de la misma barra de separación y a la derecha del mensaje de bienvenida, se encuentra el resultado del script date.js junto con el vínculo de suscripción al RSS del blog. Para añadir el script que muestra la fecha en la plantilla, en primer lugar tienes que descargar el archivo date.js y subirlo a cualquier servicio de alojamiento gratuito como Google Pages o, si dispones de él, a tu propio servicio de hosting. A continuación, dentro de la etiqueta div “rss” tienes que cambiar la dirección del script e incluir aquella en la que has alojado el archivo javascript. Así mismo, deberás introducir la dirección URL del feed RSS de tu blog una línea más abajo.

Tabs. Como puedes ver en la página de demostración y en el theme original para WordPress, esta plantilla cuenta con un cuadro situado en la parte superior del sidebar, que te permite distribuir el contenido en varias pestañas para ahorrar espacio y mejorar la apariencia del diseño. Para añadirlo a tu sidebar, únicamente tienes descargar el script tabber.js y subirlo a cualquier otro servidor. Posteriormente, tienes que buscar el script instalado en la plantilla justo encima de la etiqueta ""?/head?"" y reemplazar la dirección del mismo por aquella en la que has alojado el archivo.

Por último, has de acceder a la sección de elementos de página de la plantilla e insertar un nuevo elemento HTML/Javascript en la parte superior de la columna lateral derecha. Copia y pega este bloque de código, modificando los valores de h2 por los títulos que quieres que aparezcan en cada pestaña, así como los vínculos de cada lista li (en cualquier caso, también puedes introducir otros tipos de contenido)

Menú del pie de página. Ve al final del código HTML de tu plantilla y reemplaza los enlaces que se encuentran situados bajo la etiqueta div “foo“.

Entradas del blog. Accede a la sección de edición de elementos de página en Blogger y edita las siguientes opciones del panel de entradas del blog:
esto es lo que queda oculto
Seguir Leyendo...

Población Mundial

2008-05-01T14:02:00.000-07:00

En una página curiosa que parece ser del Gobierno de USA http://www.census.gov/ipc/www/popclockworld.html nos dan a conocer aproximadamente (supongo) el número de seres humanos que habitamos en este Planeta.
Mensualmente nos indican que somos una pila miles de millones de habitantes
tantos como estos:
07/01/07 6,600,411,051
08/01/07 6,606,949,106
09/01/07 6,613,487,162
10/01/07 6,619,814,313
11/01/07 6,626,352,369
12/01/07 6,632,679,520
01/01/08 6,639,217,576
02/01/08 6,645,755,632
03/01/08 6,651,871,878
04/01/08 6,658,409,934
05/01/08 6,664,737,085
06/01/08 6,671,275,141
07/01/08 6,677,602,292
Y ahora mismo el 1-5-08 seriamos la nada despreciable suma de 6,664,919,798

Redireccionar texto

2008-04-26T00:42:00.000-07:00

Leido en el blog de Gema, es una forma de redireccionar nuestros artículos dentro del mismo blog y dentro del blog en las entradas que queramos aplicarlo, puede
servir cuando nuestras entradas son demasiado extensas para que los visitantes no tengan que leer la entrada completa y puedan ir directamente a un determinado texto.

Título1 Título2 Título3 Título4

Título1

Texto a mostrar clicando en Título1

Título2

Texto a mostrar clicando en Título2

Título3

Texto a mostrar clicando en Título3

Título4

Texto a mostrar clicando en Título4

Código a introducir en las entradas donde los queramos aplicar:

<CENTER><P><A HREF = "#FAQ1">Título1</A><A HREF = "#FAQ2">Título2</A><A HREF = "#FAQ3">Título3</A><A HREF = "#FAQ4">Título4</A></CENTER><p><HR><p><A NAME = "FAQ1"><U>Título1</U></A><p>Texto a mostrar clicando en Título1<p><HR><p><A NAME = "FAQ2"><U>Título2</U></A><p>Texto a mostrar clicando en Título2<p><HR><p><A NAME = "FAQ3"><U>Título3</U></A><p>Texto a mostrar clicando en Título3<p><HR><p><A NAME = "FAQ4"><U>Título4</U></A><p>Texto a mostrar clicando en Título4 <p><HR><p>

Letra primera agrandada

2008-04-19T03:11:00.000-07:00

Visto en el Blog de Cesar otra forma de mostrar la primera letra de un post en forma destacada y de mayor tamaño, que resulta muy llamativa y de bonito diseño

Les muestro otra forma de agrandar la primera letra de un texto
Código:
<span style="margin-right:6px;margin-top:5px;float:left;color:white;background:khaki;border:1px solid darkkhaki;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times;">L</span>es muestro otra forma de agrandar la primera letra de un texto

Chat Geomundos

2008-04-17T13:28:00.000-07:00

Haz click para acceder al Chat de Geomundos

Visto en la Web de www.Geomundos.com/,es una aplicación de chat, la cual se obtiene
el código HTML, para insertar en tu blog. Se trata de un chat muy generalista con diversas salas que abarcan casi todos los paises de Sudamerica, además de por supuesto salas en España, General.Etc.
Código para aplicarlo en el Blog:

Microsoft GIF Animator 1.0

2008-04-17T13:02:00.000-07:00

Descripción de Microsoft GIF Animator 1.0
Microsoft Gif Animator es una sencilla utilidad para la creación de imágenes animadas en el conocido formato GIF.

Su funcionamiento es bastante simple, se trata de un programa muy fácil de usar lo que lo limita a ser un programa para crear animaciones sencillas sin llegar a poder realizar imágenes impactantes.

Microsoft Gif Animator no requiere instalación, bastará con ejecutar el programa cada vez que necesites utilizarlo.

Web:http://www.geomundos.com/descargas/microsoft-gif-animator-10_p55.html

Captura pantallas

2008-04-17T10:14:00.000-07:00

Una página interesante que permite hacer capturas de pantalla en miniatura de cualquier página web que deseemos,es http://www.thumbalizr.com/
Para obtener la captura sólo basta introducir la URL de la página de destino y seleccionar entre una captura con una altura fija de la pantalla o la página web completa.

http://www.thumbalizr.com/

Sitios Way

2008-04-16T14:36:00.000-07:00

Webs bonitas entre las bonitas
Web:http://www.piotrowskimichal.com/

Template TechBrix

2008-04-16T13:19:00.000-07:00

Este nuevo template llamado TechBrix es un tema xml template diseñado para
wordpress y posteriormente adaptado para Blogger, lo cual significa que pueden usarlo los usuarios de Blogger, optimizado para adsense. 3 columnas.Espero os guste.
Demo: http://oz-blix.blogspot.com
Download:http://ananinki12.googlepages.com/techblix.xml

Template Blue Business

2008-04-14T15:12:00.000-07:00

Segundo en la lista del Top 50 de Rated Blogger Template List
Demo: http://skypemobilephone.blogspot.com/
Download:http://ananinki12.googlepages.com/businessblue.xml

Imagenes envejecidas

2008-04-13T14:14:00.001-07:00

Imagen originalImagen envejecida

Lo contrario de mejorar las imagenes, es envejecerlas, bueno pues esto es lo que consigue esta página web de Japón www.labs.wanokoto.jp/olds

Vector Iconos libres

2008-04-13T13:48:00.000-07:00

Iconos completamente gratis para bajar desde la página de http://www.monofactor.com
Visto en la Web de www.dezignus.com

Agrandar primera letra

2008-04-08T10:59:00.000-07:00

Una manera bastante sencilla de mostrar de forma llamativa y de mayor tamaño la primera letra de nuestro artículo, lo podemos realizar basta añadir un pequeño código en el "CSS" de nuestra plantilla.
Les muestro dos códigos diferentes para añadir en la plantilla entre las etiquetas de "Head" y "/Head".
Primero:
<style type="text/css">

p:first-letter

{

color: #ff0000;

font-size:xx-large

}

</style>

Segundo:
<style type="text/css">

p:first-letter {

display:block;

float:left;

border:1px solid black;

padding:5px;

margin:4px 5px;

background:url(firstletter1.png);

font-size:73px;

}

</style>

Plantilla Blogy02

2008-04-07T14:54:00.000-07:00

Tema Plantilla XML Blogger Templates

[+/-]Código:

Botón de actualización

2008-03-31T16:05:00.000-07:00

Con esta utilidad se mostrará mediante un simple botón la actualización de la fecha, el día y la hora del tu blog.
A continuación les muestro el ejemplo y el código correspondiente para poderlo poner en el sitio que mejor les guste dentro del -sidebar- del blog, añadiéndolo cómo un elemento de página.
Ejemplo:

Código a copiar:

Iconos asiaticos

2008-03-31T10:49:00.001-07:00

Una bonita colección de "iconos asiaticos" para variar algo de los muchos que existen en la Red.

Enlace:www.dezignus.com/page/6/

Plantilla Monotono

2008-03-29T08:15:00.001-07:00

Nuevo tema layout Blogger XML Template

Demo:
Download:

Efecto lupa

2008-03-28T12:49:00.000-07:00

Un efecto diferente visto hasta ahora es este de efecto de lupa que pulsaldo en el botón izquierdo del ratón y desplazándolo hacia arriba o hacia abajo se amplia o disminuye el efecto lupa.

Enlace en el blog de Gema, del blog de TJPZOON

Métodos de pago en Internet

2008-03-27T15:53:00.000-07:00

-Contra reembolso: El cliente paga cuando recibe la mercadería. El comerciante debe verificar fehacientemente la dirección física del comprador y su disposición a la compra, para evitar costosos malentendidos.

-Giro postal o telegráfico: utilizando el correo, el cliente gira el dinero al comerciante. Es la forma más simple de implementar y la que utilizan todos los Sitios Web al iniciar sus actividades.

Seguir leyendo...

-Depósito en cuenta corriente: Otra forma muy sencilla de empezar a cobrar por Internet. A veces suelen ser prohibitivos los costos cuando se realizan transferencias bancarias entre países, por lo que es aconsejable utilizarlo solamente para transacciones dentro de un mismo país, o por montos importantes.

-Western Union: Esta empresa está implementando en varios países un novedoso sistema, denominado Quick Pay, que acredita directamente en la cuenta corriente del comerciante, el pago efectuado por su cliente en cualquier sucursal de Western Union en el mundo.

-Pay Pal: El cliente nos puede enviar dinero deduciéndolo de su tarjeta de crédito. Una desventaja es que Pay Pal sistema sólo está habilitado en 36 países.

-Tarjetas de crédito: lo vamos a ver en forma separada por ser un tópico fundamental de este tema.

Otros métodos de pago.

Han surgido recientemente algunos productos dedicados a determinados sectores de la población latinoamericana, que no pueden acceder a tener una tarjeta de crédito, o simplemente, tienen miedo a las consecuencias de poner el número de la tarjeta en la red.

De ellos en la Argentina, podemos mencionar a Novacash, Pay Key y e-Pago Fácil (ver más abajo). Otros países como Brasil, España (pago naranja, Virtual cash plus ) y México (Lanzamoney) también tienen sus propios sistemas. De USA podemos mencionas a Rocketcash

Pago con tarjeta de crédito.

La opción más utilizada por los comercios electrónicos es sin duda el cobro a través de una tarjeta de crédito.

En Internet para poder cobrar de esta forma es necesario instalar una plataforma segura de pago (gateway de pago) que le permita al comerciante electrónico verificar, y luego debitar de la tarjeta de crédito del cliente, un determinado importe en forma segura.

Resumen...

Etiquetas HTML-7

2008-03-27T14:56:00.000-07:00

Atributos:

NAME="..."--Especifica el nombre del mapa para ser usado después.

<AREA atributo1 atributo2>...< /AREA>

Especifica la silueta y el tamaño del area de selección el el mapa que se muestra. Se usa dentro del comando MAP.

Atributos:

SHAPE="..."--Especifica la Silueta del area de selección. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o

Seguir leyendo...

POLYGON.

COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares

definen un poligono, y un par de coordenadas y un radio define un Circulo.

HREF="..."--Especifica la dirección donde apunta el area del mapa.

NOHREF--Indica que esta silueta no apunta a una dirección.

TARGET="..."--Especifica la ventana donde se mostrará la página. El target puede ser el nombre de un Frame o alguno de los

siguientes valores:

"_blank"--Muestra la dirección en un página en blanco.

"_parent"--Muestra la dirección en la pagina que lo invocó.

"_self"--Muestra la dirección en la misma ventana. (por omisioón)

"_top"--Muestra la dirección en la ventana actual usnado todo el espacio.

<BGSOUND atributo1 atributo2> (IE)

Reproduce un archivo de sonidos en el fondo cuando la página es cargada. Este archivo de sonido puede ser de tipo (.wav or

.au) o midi (.mid).

Atributos:

SRC="..."-- indica el archivo de musica.

LOOP="n"-- Indica el numero de veces que se repite. Un valor de "-1" o "INFINITE" indica una reproducción sin interrupción.

<MARQUEE atributo1 atributo2>...< /MARQUEE> (IE)

Fija un texto que se desplaza por la pantalla.

Atributos:

ALIGN="..."-- Especifica el alineaminto del texto. Loa valores posibles son "TOP", "MIDDLE", o "BOTTOM".

BEHAVIOR="..."--Indica la forma de presentación "SCROLL" (omisión), "SLIDE", o "ALTERNATE". "SLIDE" hace que el texto se

desplaze afuera y adentro , "ALTERNATE" muestra el texto adelante y atras repetidamente.

BGCOLOR="..."-- Fija el color de fondo.

DIRECTION="..."--Indica la Dirección "LEFT" (omisión) o "RIGHT".

HEIGHT="..."-- Fija la altura del texto en Pixels o %.

HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del texto.

LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o "INFINITE" repite indefinidamente.

SCROLLAMOUNT="n"-- Fija el Numero de pixel entre cada display.

SCROLLDELAY="n"--Indica el tiempo de espera para mostrar cada texto.

VSPACE="n"-- Fija el margen superior e inferior del texto.

WIDTH="..."-- Fija el ancho del Marquee en pixels o %.

<APPLET atributo1 atributo2> parametros1 parametros2 ... < /APPLET>

Inserta un applet de Java en el documento. Cualquier texto dentro del comando APPLET se mostrará en los browser que no soportan JAVA.

Atributos:

ALIGN="..."-- Fija el alineamiento del applet, los parametros son "LEFT", "RIGHT", "TOP", "MIDDLE", o "BOTTOM".

ALT="..."--Muestra un mensaje cuando el brwoser no puede ejecutar el applet.

CODE="..."--Especifica el nombre del applet.

CODEBASE="..."--Especifica la dirección de inicio del applet. El directorio donde se encuentra el applet.

DOWNLOAD=n--Especifica el orden de descarga de la imagenes.

HIGHT="..."--Especifica la altura del applet en pixels o %.

HSPACE="n"--Especifica los margenes en espacios fuera del applet en pixels.

NAME="..."-- Indica el nombre de un applet (rutina), si hay mas applets en una misma página.

VSPACE="n"--Especifica el margen superio e inferior del applet.

WIDTH="..."--Fija el ancho del applet en pixel o en %.

Parametros:

Estos son los parametros especificaos de cada applet, que son pasasdos como argumentos. Se expresan como comandos así

<PARAM NAME="..." VALUE="..." >

<EMBED atributo1 atributo2>< /EMBED>

Inserta un objeto multimedia, como un corto de video o sonido, en la página. En los browser modernos se mantiene por compatibilidad.

Resumen...

Agregar a favoritos

2008-03-26T16:00:00.000-07:00

Una utilidad interesante para nuestro blog es la opción de poder "agregar a favoritos".
Así que para ponerla tendremos que poner el siguiente código dónde queramos que aparezca dicha utilidad:
Ejemplo:

Agrégame a favoritos
Código:
<script type="text/javascript">function agregarFavoritos() { if (window.sidebar&&window.sidebar.addPanel) window.sidebar.addPanel("Recursos y Diseño Web","http://jguti-guti.blogspot.com/",""); else window.external.AddFavorite("http://jguti-guti.blogspot.com/","Recursos y Diseño Web")}</script>

<a href="javascript:agregarFavoritos();" title="Agrégame a tus Favoritos">Agrégame a favoritos</a>

Estafas frecuentes

2008-03-24T16:40:00.000-07:00

Las 10 estafas más frecuentes en Internet
Enlace:Webtaller
1. Fraudes en subastas.
Después de enviar el dinero en que se ha adjudicado la subasta, se recibe un producto cuyas características no se corresponden con las prometidas, e incluso un producto que no tiene ningún valor.

2. Timos de ISP (Proveedores de Servicios de Internet)
Es bastante frecuente que los clientes poco expertos suscriban contratos on-line sin haber leído el clausulado, por lo que pueden encontrarse amarrados a un contrato de larga duración del que no pueden salir si no es pagando fuertes penalizaciones por rescisión anticipada. Otro caso frecuente es que los ISP que registran nombres de dominio lo hagan a su propio nombre, para así tener enganchados a los clientes que no pueden abandonar su servicio porque perderían su nombre de dominio.

3. Diseño/Promociones de sitios web
Suelen producirse cargos inesperados en la factura del teléfono por servicios que nunca se solicitaron ni contrataron.

4. Abuso de tarjetas de crédito
Se solicita el número de la tarjeta de crédito con la única finalidad de verificar su edad, y posteriormente se le realizan cargos de difícil cancelación.

Seguir leyendo...

5. Marketing Multinivel o Redes Piramidales
Se promete hacer mucho dinero comercializando productos o servicios, ya sea uno mismo o los vendedores que nosotros reclutamos, pero realmente nuestros clientes nunca son los consumidores finales sino otros distribuidores, con lo que la cadena se rompe y sólo ganan los primeros que entraron en ella.

6. Oportunidades de Negocio y Timos del tipo "Trabaje desde su propia casa"
Se ofrece la oportunidad de trabajar desde el hogar y ser su propio jefe enseñando unos planes de ingresos muy elevados. Claro que para empezar es necesario invertir en la compra de alguna maquinaria o productos que jamás tienen salida.

7. Planes de Inversión para hacerse rico rápidamente
Promesas de rentabilidades muy altas y predicciones financieras con seguridad absoluta sobre extraños mercados suelen encubrir operaciones fraudulentas.

8. Fraudes en viajes o paquetes vacacionales
Consiste en vender viajes y alojamientos de una calidad superior al servicio que realmente le prestarán en su destino, y también pueden cargarle importes por conceptos que no se habían contratado.

9. Fraudes telefónicos
Un sistema bastante extendido en los sitios de sexo consiste en pedirle que se baje un programa y lo instale en su ordenador para que le permite entrar gratuitamente en la web. Pero lo que sucede es que, sin que usted lo sepa, el programa marca un número internacional de pago (tipo 906 en España) a través del cual se accede a la web, por lo que mientras usted se divierte viendo fotos y vídeos su factura telefónica se incrementa a velocidad de vértigo.

10. Fraudes en recomendaciones sanitarias
Recetas milagrosas para curar cualquier enfermedad se encuentran frecuentemente en la Red, la mayoría de ellas sin ningún respaldo médico o control de autoridades sanitarias, por lo que aparte de ser una estafa, ya que no producen los resultados prometidos, pueden incluso suponer un riesgo adicional para la salud del enfermo.

Resumen...

Texto a dos lineas

2008-03-24T10:56:00.000-07:00

Aquí dos ejemplos de cómo quedaría texto escrito en forma de dos lineas
Aquí el texto a dos lineas
Texto a dos lineas
Código :
<FONT style="font-size:55px;line-height:18px;color: Black;font-family: Trebuchet MS;">Aquí el texto<BR><FONT style="font-size:45px;color: Red;font-family: Trebuchet MS;">Texto a dos lineas</FONT></FONT>

AQUÍ EL TEXTO
AQUÍ LA LÍNEA DE TEXTO
Código:
<font style="font-weight: bold; font-size: 40pt; color: Turquoise; line-height: 15px; font-family: arial; letter-spacing: -5pt; text-transform: none;">AQUÍ EL TEXTO</font><br><font style="font-weight: bold; font-size: 20pt; color: blue; line-height: 15px; font-family: arial; letter-spacing: -2pt; text-transform: lowercase;">AQUÍ LA LÍNEA DE TEXTO</font>

101 Tips

2008-03-21T01:27:00.000-07:00

101 Tips para ser un buen bloguer

• Si aún no, empieza a bloguear hoy
• Escribe sobre algo que ames
• Si empiezas a bloguear en serio compra tu propio dominio
• Asegúrate que el nombre del dominio es igual al nombre del blog
• Un nombre corto y fácil de recordar.
• Usa Blogger

• Usa Wordpress y sus plugins.
• Bloguea consecutivamente
• Escribe al menos 5 posts por semana
• Corrige y escribe bien sin falta de ortografías
• La Sidebar cuanto menos imágenes mejor
• Interactúa con otro bloggers
• Deja comentarios significativos
• Contesta a tus visitantes en los comentarios
• Si el blog te sirvió deja siempre un comentario
• Haz un backup de tu blog (recomiendo uno cada semana mínimo)
• Deshazte del calendario del SideBar
• Encuentra tu hueco sabiamente.
• Participa en foros online
• Pon un link a tu blog en la firma
• Haz ligero tu blog y que cargue rápido
• El contenido es el rey
• Personaliza tu Plantilla o Témplate
• Pon la Vía o en Enlace del Post
• Simplifica la manera de llegar
• Apaláncate en los enlaces sociales
• Juega en redes de blogs
• Escribe listas de “TOP 10″
• Haz que tu Blog sea rápido al abrirse
• Usa pings
• Escribe con tus Propias Palabras el Post
• Haz tus artículos cortos y rápidos
• Introduce tu blog en Directorios
• Si el Blog te gusto mételo entre tus links
• Usa FeedBurner
• Usa tu sentido del humor
• Sé generoso
• Anima a tus lectores a que se suscriban
• Ten algunos posts en borradores para las emergencias
• Anima tus lectores a que envíen tus posts a Digg, Meneame,…
• Pon un enlace RSS en cada página.
• Usa post en “serie”
• Devuelve comentarios
• Devuelve Links
• Usa fuentes legibles
• Visita de vez en cuando blogs nuevos y salúdales
• Haz que el Leer Mas de los post se abra en la misma página
• Haz un Blog INTERESANTE, y luego piensa en ADSENSES
• Piensa bien en la temática del blog y sigue esa línea
• Usa Google Analytics
• Usa Histats para ver tus visitantes, no tiene publicidad en pop ups
• Haz entrevistas por correo
• Sé tu mismo, si puedes pon tu nombre de verdad
• Evita el contenido duplicado de los post por no observar
• Usa un lector RSS
• Lee el máximo de blogs posibles
• Céntrate en el contenido y no pongas nada que no esté relacionado
• No olvides los blogs que te gusten
• Pon una foto tuya en alguno de tus blogs
• Créate tu propia página de publicidad
• Usa Meta Tags prudentemente
• Aprende lo básico de Html
• Usa imágenes siempre que puedas dentro de los Post
• Crea Encuestas para tus lectores
• Coloca la publicidad siempre que tengas un blog interesante
• Sé paciente no quieras ser Famoso en unos meses
• Considera tener un compañero/a para ayudarte en el blog
• Envía artículos a los directorios os recomiendo Corank
• Comparte tu trabajo propio con otros blogs
• Comparte lo que has hecho para otros
• Lee BlogEsfera e inscríbete
• No abarrotes tu sidebar con iconos tu blog se hace lento al abrir
• Deshazte de las laaaargas listas de blogroll o simplifícalas
• Experimenta toda clase de trucos html en un Blog de Pruebas
• Technorati te hace saber quién puso algo relacionado con tu blog
• Enlaza a otros blogs siempre que sea posible
• Haz fácil que tus lectores contacten contigo
• Usa Títulos que se sepa de que va el post con una simple mirada
• Ofrece suscripciones por mail
• Contesta siempre a las preguntas
• Contesta siempre a los comentarios
• No te olvides de Blogger Draft
• Activa la suscripción a los comentarios
• Ofrece herramientas y links
• Escribe con un toque personal
• Conviértete en un experto en tu materia
• No dependas de los enlaces a posts
• Siempre aporta tu opinión
• Usa colores simples
• Participa en proyectos de blogs
• Conoce a otros bloggers personalmente
• Lista tus productos favoritos
• Ten voz
• Organiza tus categorías
• Habla directamente con tus lectores
• Crea una estructura de URL eficiente
• Pon enlaces funcionales en el pie
• Sé creativo-@, adapta las ideas aprendidas para crear tú
• Pon videos que vayan relacionados con tu blog
• Considera añadir PodCasts
• Crea una lista de “101″ propia, si eres capaz!!

Seguir Leyendo...[+/-]

Texto encuadrado

2008-02-25T11:41:00.000-08:00

Copia el siguiente código para crear un cuatro cuyo contenido interior se desplaza a nuestro gusto, hacia arriba, hacia abajo u horizontalmente

Copia el siguiente código para crear este cuatro, cuyo contenido se desplaza hacia arriba, hacia abajo u horizontalmente.
Modifica el color, la dirección, etc.
Experimenta...

Código:
<div align="center"><table bgcolor="#123456" border="1" width="200"><tbody><tr><td align="center"><marquee scrollamount="1" direction="up" height="50"><span style="color:#ffffff;">Copia el siguiente código para crear este cuatro, cuyo contenido se desplaza hacia arriba, hacia abajo u horizontalmente.

Modifica el color, la dirección, etc.

Experimenta...

</span></marquee></td></tr></tbody></table></div>

Redireccionar Web

2008-02-25T08:09:00.000-08:00

Si queremos redireccionar un blog o web que por cualquier motivo al indicar una dirección no lleve a otra página, tendremos que introducir este código en el HTML de nuestra página, por ejemplo de antes de la instruccón final de -/head-
<SCRIPT LANGUAGE="JavaScript">

location.href='http://www.tudirección.com';

</SCRIPT>

Añadir a favoritos

2008-02-24T14:12:00.000-08:00

Una nueva forma de utilidad para "Añadir a Favoritos", presentada en el blog de Vagabundia. Adjunto el código:
<a href="javascript:void(0);" onclick="thetitle='Titulo de blog';theurl='URL blog';if (window.sidebar && (navigator.appName.indexOf('Explorer') == -1) && (navigator.appName.indexOf('Opera') == -1)) { window.sidebar.addPanel(title,theurl,'');} else if (window.opera && window.print) { var fav = document.createElement('a'); fav.setAttribute('rel','sidebar'); fav.setAttribute('href',theurl); fav.setAttribute('title',thetitle); fav.click();} else if( document.all) { window.external.AddFavorite(theurl,thetitle);}"> Añadir a Favoritos</a>

Seguir Leyendo

2008-02-24T13:23:00.001-08:00

A veces vemos en los post de entradas, sobre todo cuando los textos son demasiados largos, la coletilla del "seguir leyendo", para que si lo creemos conveniente pulsemos y sigamos leyendo el resto del texto si nos interesa. Bien pues para aplicarlo basta seguir los siguientes pasos:

Primeramente buscamos la etiqueta -/head-, y a continuación pegamos lo siguiente:

Segundo paso es buscar en la plantilla, expandiendo artilugios primeramente este otro código:

<b:includable id='post' var='post'>

<div class='post uncustomized-post-template'

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> 

</div>

y esto mismo los sustituimos por el siguiente código:

<b:includable id='post' var='post'>

<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>

<style>#fullpost {display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>SIGA LEYENDO</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>CERRAR NOTA</a></p>

</span>

<script type='text/javascript'>

checkFull("post-" + "<data:post.id/>");

</script>

</b:if>

<div style='clear: both;'/> 

</div>

Aceptamos y ya está listo. Solamente nos queda en cada entrada o post ir añadiento esto otro para que funcione:
texto

<span id="fullpost">

texto

</span>

Seguir Leyendo...[+/-]

Efecto ir arriba

2008-02-22T12:24:00.000-08:00

Para aplicar en nuestro blog una imagen al pie de página con efecto de ir arriba, basta añadir el siguiente código en nuestra plantilla, preferiblemente antes de la etiqueta -/body-, casi al final, así podremos localizarle más facilmente en caso de querer suprimirla:

<a href="url-de-la-página"><img src="url-de-la-imagen" alt="ir arriba" border="0" style="position:fixed; bottom:0; right:0;" /></a>
donde pone url de la imagen aplicar la url de la que os guste

Seguir Leyendo...[+/-]

Vincula desde tu Blog este Post!

Etiquetas HTML-6

2008-02-20T14:25:00.000-08:00

Atributos:

SRC="..." Especifica la ubicación de la Imagen.

DYNSRC="..." Especifica la ubicación de un video o un mundo VRML. Se puede soportar una imagen usando el SRC de primero para

aquellos Browser que no soportan Videos. (IE)

CONTROLS Activa una serie de controles de Video. (IE)

LOOP="n" Para videos, especifica en número de repetición del video. Un valor de "-1" o "INFINITE" repite el video

indefinidamente. (IE)

Seguir leyendo...

START="..." Especifica el momento inicial de reproducción del video. Se puede usar "FILEOPEN" por omisión, "MOUSEOVER", o

ambos. (IE)

USEMAP="#map1" Dice al Browser que use la imagen como una interface de selección definida con el nombre de "map1".

ISMAP Dice al Browser que la imagen es un mapa de Selección.

ALT="..." Especifica un texto que se muestra en los Browser que no soportan imagenes.

BORDER="..." Especifica el ancho del borde alrededor de la imagen. Si BORDER es "0", No presenta bordes en la imagen.

LOWSRC="..."--Especifica la Direeción de la imagen que se cargará primero antes de que la imagen sea cargada. LOWSRC

usualmente se refiere a una imagen pequeña.

ALIGN="..."--especifica el alineamiento de la imagen.

Valores:

RIGHT o LEFT--Alinea a un lado especifico de la página, y todo el texto se justifica al lado de la imagen.

TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineamiento vertical de la imagen.

VSPACE="..."--Especifica el espacio entre el borde de la imagen y los items encima o debajo de ella.

HSPACE="..."--Especifica el espacio entre el borde de la imagen y los items a la derecha e izquierda.

WIDTH="..."--Especifica el ancho de la imagen. Si el tamaño no coincide con el original se ajusta.

HEIGHT="..."--Igual al anterior pero con la altura.

<MAP atributo>...< /MAP>

Especifica los puntos de selección de una imagen. El comando AREA se usa para definir las coordenadas.

Atributos:

NAME="..."--Especifica el nombre del mapa para ser usado después.

<AREA atributo1 atributo2>...< /AREA>

Especifica la silueta y el tamaño del area de selección el el mapa que se muestra. Se usa dentro del comando MAP.

Atributos:

SHAPE="..."--Especifica la Silueta del area de selección. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o

POLYGON.

COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares

definen un poligono, y un par de coordenadas y un radio define un Circulo.

HREF="..."--Especifica la dirección donde apunta el area del mapa.

NOHREF--Indica que esta silueta no apunta a una dirección.

TARGET="..."--Especifica la ventana donde se mostrará la página. El target puede ser el nombre de un Frame o alguno de los

siguientes valores:

"_blank"--Muestra la dirección en un página en blanco.

"_parent"--Muestra la dirección en la pagina que lo invocó.

"_self"--Muestra la dirección en la misma ventana. (por omisioón)

"_top"--Muestra la dirección en la ventana actual usnado todo el espacio.

<MAP atributo>...< /MAP>

Especifica los puntos de selección de una imagen. El comando AREA se usa para definir las coordenadas.

Resumen...

Efecto de agua

2008-02-19T07:30:00.000-08:00

Una página interesante que hace el efecto de olas de agua en las imagenes

Add this effect to your own photos

Texto Doble

2008-02-18T04:20:00.001-08:00

Una forma de poner un texto o simplemente para poner un determinado titulo
y que se vea doble, es el código que publica hoy en el blog de Gem@
primeramente vamos a plantilla, editamos y añadimos el siguiente código justo antes de este:
]]></b:skin>
añadimos este otro:

Después cada vez que queramos ver texto "Doble", añadiremos lo siguiente bien en una entrada o en nuestro -sidebar-
<h5>Aquí texto</h5>

<h6>Aquí texto</h6>

Ejemplo:

Doble título

Doble titulo

Pop Box

2008-02-18T04:14:00.000-08:00

Click en la imagen para mostrar efecto

Entradas Ampliables

2008-02-17T13:09:00.001-08:00

Entradas Ampliables o "Leer Mas"
Para conseguir el efecto de "leer más" en un resumen de texto y que después nos muestre la totalidad del artículo escrito en el post y que además nos lo muestre en la misma página, pudiendo volver al final al resumen, seguiremos los siguientes pasos
en la plantilla, Edición HTML:

Seguir leyendo...

Primeramente entre las etiquetas -head-,justo antes del final de -/head-:insertaremos este código:
<script src='http://rarunach.googlepages.com/hackosphere.js' type='text/javascript'/>

Luego buscas el siguiente código:
<div class='post-header-line-1'/>

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> 

</div>

procediendo a borrar lo siguiente :<div class='post-body'> y sustituirlo por este otro código:
<div class='post-body' expr:id='"post-" + data:post.id'>

<b:if cond='data:blog.pageType == "item"'>

seguimos en la plantilla y ahora después de esto:<p><data:post.body/></p>

añades lo siguiente :
<b:else/>

<style>#fullpost {display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

</b:if
Ahora guardas los cambios y ya está todo hecho, sólo nos faltará aplicar este pequeño código en las entradas para que pueda funcionar lo de -leer más-:
Aquí escribes el contenido.

<span id="fullpost">

Aquí escribes el resto del contenido que no se vera.

</span>
para más comodidad esta última parte se puede dejar fijo en la plantilla para no tener que ponerlo en cada entrada, para eso iremos a Opciones, luego a Formato y luego en Plantilla de Entrada, aplicaremos esto último:
<span id="fullpost">

Aquí escribes el resto del contenido que no se vera.

</span>

Resumen...

Plantilla BlueWave

2008-02-14T10:46:00.001-08:00

Ver Demo
Download
Download

Imagen movible

2008-02-13T00:49:00.000-08:00

Este es un truco para poder mover por toda la página a nuestro gusto todas las imagenes que queramos. Es interesante aunque en la práctica puede que no lo sea tanto,ya que dependerá de las aplicaciones que queramos darlo. No obstante este es el truco. Primeramente antes del cierre de -/Head- insertaremos el siguiente código:

Abrir Código



<!--arrastrar imagen-->

<style type='text/css'>



.drag{

position:relative;

cursor:hand;

z-index: 100;

}



</style>



<script type='text/javascript'>



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

* Drag and Drop Script: &#169; Dynamic Drive (http://www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for this script and 100s more.

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



var dragobject={

z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,

initialize:function(){

document.onmousedown=this.drag

document.onmouseup=function(){this.dragapproved=0}

},

drag:function(e){

var evtobj=window.event? window.event : e

this.targetobj=window.event? event.srcElement : e.target

if (this.targetobj.className==&quot;drag&quot;){

this.dragapproved=1

if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}

if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}

this.offsetx=parseInt(this.targetobj.style.left)

this.offsety=parseInt(this.targetobj.style.top)

this.x=evtobj.clientX

this.y=evtobj.clientY

if (evtobj.preventDefault)

evtobj.preventDefault()

document.onmousemove=dragobject.moveit

}

},

moveit:function(e){

var evtobj=window.event? window.event : e

if (this.dragapproved==1){

this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+&quot;px&quot;

this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+&quot;px&quot;

return false

}

}

}



dragobject.initialize()



</script>

<!--fin arrastrar imagen-->

Luego en cada imagen que queramos aplicarlo, tendremos que introducir la URL de la imagen dicha dentro de este otro código:
<img src=http://URL_IMAGEN" class="drag" />

Ejemplo:

Enlaces misma página

2008-02-12T08:09:00.000-08:00

Primero pones el enlace de referencia

<a href="#1">Ir a mi casa</a>

Después el de destino

<a id="1"/>Mi casa</a>

Ejemplo:
Primero pones el enlace de referencia
Ir a mi casa

Después el de destino
Mi casa

Agrandar Imagenes

2008-02-11T11:48:00.000-08:00

Mostrar las imagenes y que se agranden cada vez que se tocan o pasen el ratón del mouse por encima.Es un truco que resulta curioso e interesante, Para llevarlo a cabo iremos a plantilla y justo antes de la etiqueta de ...</head>
añadiremos este código:
<style type='text/css'>

.thumbnail{

position: relative;

z-index: 0;

}

.thumbnail:hover{

background-color: transparent;

z-index: 50;

}

.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: black;

padding: 5px;

left: -100px;

border: 1px dashed gray;

visibility: hidden;

color: #FFFF00;

text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 10px; /*position where enlarged image should offset horizontally */

}

</style>

Después sólo nos faltará aplicar este otro en el sitio que queramos mostrarlo bien sea un post o en el -sidebar-:

<a class="thumbnail" href="#thumb"><img src="http://i81.photobucket.com/albums/j219/jgutierrezs/arbol-2.jpg" width="100px" height="100px" border="0" /><span><img src="http://i81.photobucket.com/albums/j219/jgutierrezs/arbol-2.jpg" /><br />Inseguridad</span></a>
Ejemplo

Inseguridad

Fondo en los Posts

2008-02-11T06:59:00.000-08:00

Para modificar la imagen de fondo en las entradas o post añadiremos el siguiente código y esto hará que salga en todas las entradas.Nos situamos en plantilla edición HTML y buscamos este código:

.post-body {

clear: both;

padding-top: 10px;

}

una vez encontrado lo sustituimos por este otro:
.post-body {

background: url(url-de-la-imagen) top left;

clear: both;

padding-top: 10px;

}

Ahora bien si sólo queremos que el fondo del post aparezca sólamente en algunos,entonces aplicaremos este código solamente en las entradas que queramos:
<table background="url-de-la-imagen" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0" height="100%" width="100%"><tbody><tr><td><p>texto-texto-texto-texto-texto</p><p></p></td></tr></tbody></table>

Solamente faltará añadir donde dice -URL-, poner el de nuestra imagen escogida.

Plantilla Ilike

2008-02-10T14:05:00.000-08:00

Una nueva plantilla para blogger con un diseño muy cuidado en tonos suaves y a mi parecer bastante elegante, al estilo Worpress. Tres columnas dos de ellas en el sidebar derecho.
Publicada en la página de Dzelque Blogger Templates

Ver Demo
Download

Curso de Inglés

2008-02-08T00:03:00.000-08:00

Etiquetas HTML-5

2008-02-06T14:56:00.000-08:00

Atributos:
ALIGN="..."--Especifica el alineamiento del parrafo. Por ejemplo:"center", "left", o "right".
<PLAINTEXT>.....< /PLAINTEXT>
Muestra el texto sin formato aun cuando contenga comandos de HTML. Obsoleto -- Se usa el comando PRE.

<PRE>.....< /PRE>

Muestra texto sin formato, sin eliminar espacios y saltos.

<S>.....< /S>

Muestra el texto con una línea por el centro (tachado). Es diferente al comando <STRIKE>.

Seguir Leyendo..


ALIGN="left"
<SAMP>...< /SAMP>

Indica un ejemplo de salida para un formulario o programa. El texto se muestra en tamaño pequeño.

<SMALL>...< /SMALL>

Muestra el texto en tamaño pequeño.

<SPACER atributo>...< /SPACER>

(Netscape) Inserta bloques de espacios en la página.

Atributos:

ALIGN="..."--Cuando el tipo es de Bloque (BLOCK) especifica el alineamiento del texto alrededor.

Valores:

RIGHT o LEFT--Alinea el bloque de espacios en el lado especificado, y el texto se trunca alrededor del bloque.

TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineaminto vertical del bloque con cualquier

elemento el la misma línea.

HEIGHT="..."--Cuando el tipo es BLOCK, especifica la altura del bloque.

SIZE="..."--Cuando el tipo es HORIZONTAL, o VERTICAL, especifica el tamaño del espacio.

TYPE="..."--Especifica el tipo de espacio.

Valores:
HORIZONTAL--Inserta espacios en blanco entre palabras.

VERTICAL--Inserta espacios entre dos líneas.

BLOCK--Inserta un bloque de espoacios rectangular, muchos usan el comando IMG.

WIDTH="..."--Cuando el tipo es BLOCK, especifica el ancho del bloque.

<STRONG>...< /STRONG>

Muestra el texto en negritas, resaltado.
<SUB>...< /SUB>

Muestra el texto encerrado como un subindice.

<SUP>...< /SUP>

Muestra el texto encerrado como superindice.

<TT>...< /TT>

Muestra el texto en formato teletipo.

<U>...< /U>

Muestra el texto subrayado. No use este comando puede confundir con una dirección o Link.

<VAR>...< /VAR>

Especifica una variable. Eltexto se muestra en letras pequeñas y de tamaño fijo.

<WBR>

Hace que el texto que contiene, se trunque si es necesario.

<XMP>...< /XMP>

Hace que el texto encerrado se muestre sin procesar los coamdos HTML que contenga. Obsoleto -- Se usa el comando PRE.

Multimedia:

<IMG atributo1 atributo2>

Coloca una imagen el en documento.

Chat Meebo rooms

2008-02-06T08:18:00.000-08:00

Template Chocolate Candy

2008-02-04T11:14:00.001-08:00

Nuevo tema layout XML template para Blogger
Chocolate Candy:

Demo:
Download:
Ported by: Jack Book

Imprimir Posts

2008-02-02T13:27:00.000-08:00

Una opción bastante interesante puede ser la de tener en el blog la opción de poder imprimir los posts, para ello añadiremos un botón al princio o al final de cada post, eso depende de donde más nos guste, para ponerlo añadiremos el siguiente código en el post, al princio o fin del mismo:
Código:
<a href="javascript:print()">Imprimir</a>

Paro no tener que andar copiando y pegando dicho código cada vez que queramos insertarlo, podemos ponerlo fijo, yendo en la página a "configuración" y seguidamente a "formato" y al final en -plantilla de entrada-, lo insertaremos; damos -aceptar- y listos
Imprimir

Plantilla Wow

2008-02-02T02:52:00.000-08:00

wow - Blogger xml template tema layout
Nueva plantilla Wow. Un diseño a 3 columnas dos de ellas en el sidebar derecho.
Ver Demo
Código
Ported byJack Book
Imprimir

Plantilla Styleicious

2008-01-31T13:48:00.000-08:00

Plantilla Blogy-Syleicious - Blogger xml template tema layout
Plantilla BlogyStyleicious con un bonito diseño. Un diseño a 3 columnas dos de ellas en el sidebar derecho.Perteneciente a la familia de Blogy, todas a cual más bonitas
Ver Demo
Código
Ported byBlogandweb

Etiquetas HTML-4

2008-01-29T11:25:00.000-08:00

Atributos:

ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left".

<EM>...< /EM>

El texto se muestra en cursivas (Itálicas).

<FONT atributo=">...< /FONT>

Fija las propiedades y el tipo de letra del texto que contiene.

Atributos:

SIZE="..."--Fija el tamaño de las letras desde valores entre 1 y 7 donde 3 es el valor por omisión. Se puede especificar

valores relativos, ejemplo. SIZE=+3 .

COLOR="..."--Especifica el color de las letras.

FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas. Por ejemplo: Arial, Verdana, etc.

Seguir Leyendo..


<HR atributo1="..." atributo2="..."> 

Inserta una líea horizontal. 



Atributos: 

SIZE="..."--Especifica el grosor de la línea. 

COLOR="..."--Especifica el color de la línea.(IE) 

WIDTH="..."--Especifica la longitud de la línea como porcentaje de la página, ejemplo. WIDTH=70% . 

ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER. 

NOSHADE--Muestra la línea como sólido. 



<I>...< /I> 

Presenta el texto encerrado como Itálicas. 



<KBD>...< /KBD> 

Especifica el texto a ser entrado por teclado. El texto se muestra en negritas y de tamaño fijo. 



<LISTING>.....< /LISTING> 

Muestra texto en tamaño fijo. Obsoleto -- se usa el comando PRE. 



<MULTICOL>.....< /MULTICOL> 

Muestra un texto en columnas. 



Atributos: 

COLS="..."--Especifica el numero de columnas. 

GUTTER="..."--Especifica el numero de pixels entre columnas. 

WIDTH="..."-- Especifica el ancho de las columnas. 



<NOBR>.....< /NOBR> 

El texto que lo contiene no se trunca en la pantalla. 



<P atributo>...< /P> 

Diseñado para encerrar texto de un parrafo. El cierre es opcional.

prueba

2008-01-25T08:50:00.000-08:00

Seguir Leyendo..


Texto

JavaScript

2008-01-24T14:40:00.001-08:00

Curso Tutotial de JavaScript

Visual Basic

2008-01-24T14:34:00.001-08:00

Curso Iniciación a la programación en Visual Basic Net

Program.Leng C

2008-01-24T14:27:00.000-08:00

Manual de Programación en lenguaje -C-

Inicios de Internet

2008-01-24T14:19:00.000-08:00

Etiquetas HTML

2008-01-24T01:02:00.000-08:00

Estructuras Basicas HTML

ESTRUCTURAS BASICAS



Para escribir comentarios, los cuales son ignorados por el Navegador.

<HTML> ... </HTML>

Indica que es un documento HTML, debe encerrar todo el Documento.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

Encabezado de todo documento de la version HTML 3.2.

<HEAD> ... </HEAD>

Encabezados del Documento. Los siguientes son los parámetros del Comando head.

<title> ... </title>

Indica el Titulo del Documento. Aparece en la ventana del Navegador.

<Base href="http://servidor.tipo/nombre.html">

Especifica la dirección del Documento por defecto en Uso. Util cuando se hace referencia a otra página dentro del Documento.

<Base href="http://servidor.tipo/nombre.html" Target="...">

Indica el "Frame" por defecto de la página actual.

<Meta attributo1, attributo2>

Este comando describe algunas caracteristicas del documento. Por ejemplo:

<Meta http-Equiv="Refresh" Content=ss>

Actualiza la pagina cada ss segundos.

<Meta http-Equiv="Refresh" Content=ss url="http://servidor.tipo/nombre.html">

Llama una página diferente a los ss segundos.

<Meta http-Equiv="Expires" Content="Sun, 10 Sep 1998 06:23:00 GMT>

Expira el documento a la fecha indicada y debe ser actualizada.

<Meta http-Equiv="Keywords" Content="Clave1, Clave2,..">

Especifica palabras claves para los buscadores de la Red.

<Meta http-Equiv="Description" Content="Describa su página aquí ..">

Especifica una descripción general de su página.

<BODY attributo1=".." attributo2=".."> ... </BODY>

Contiene el cuerpo del Documento, o el contenido de la Página.

Etiquetas HTML-2

2008-01-24T01:00:00.000-08:00

Estructuras Basicas HTML-2

ATRIBUTOS

ALINK="..." Especifica el color de las Direcciones activadas en la página.

BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif.

BGCOLOR="..."Especifica el Color del Fondo del Documento.

Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF).

Amarillo = #FFFF00

Azul = #0000FF

Azul Claro = #00CCFF

Blanco = #FFFFFF

Gris = #CC9999

Lila = #CC33FF

Negro = #000000

Rojo = #FF0000

Verde = #00FF00

BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE)

LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE)

LINK="..." Especifica el color de las direcciones contenidas en el documento.

TEXT="..." Especifica el Color del texto.

TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE)

VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento.

<BASEFONT atributo= " ">

Fija los atributos de escritura en toda la página.

ATRIBUTOS

SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite

tamaños relativos, e.j. SIZE=+2 .

COLOR="..." Especifica el color de las Letras en todo el Documento.

NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento.

<Hn>...< /Hn>

Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el más pequeño.

<ISINDEX>

Muestra un diálogo de indice de busqueda. Con este comando solamente no se puede crear una pagina de busqueda, el Servidor

debe ser configurado para soportarlo.

Etiquetas HTML-3

2008-01-24T00:57:00.000-08:00

Estructuras basicas HTML-3

Atributos:

ACTION="..." Especifica la ubicación del puerto del programa donde se pasará los parámetros de busqueda.

PROMPT="..." Especifica un mensaje alterno para el diálogo.

Formato General:

<ADDRESS>.....< /ADDRESS>

Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas.

<B>...< /B>

Resalta en Negritas el Texto encerradot.

<BIG>...< /BIG>

Incrementa el tamaño del Texto.

<BLINK>.....< /BLINK>

Hace el texto parapadeante.

<BLOCKQUOTE>.....< /BLOCKQUOTE>

Encierra un enfasis. El margen izquierdo y derecho están indentados.

<BR>

Inserta un final de línea.

Atributos:

CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores posibles son: RIGHT, LEFT, o ALL.

<CENTER>.....< /CENTER>

Centra los objetos que contiene. Este comando puede centrar cualquier cosa incluyendo imagenes, texto, tablas, formularios,

etc.

<CITE>.....< /CITE>

Encierra una Cita como un titulode un libro,etc.

<CODE>.....< /CODE>

Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas.

<COMMENT>.....< /COMMENT>

Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML.

<DFN>.....< /DFN>

Encierra una definición. El texto dentro de este comando se formatea como una definición.

<DIV ALIGN=">...< /DIV>

Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir el documento que tiene secciones

alineadas en forma diferente.

pruebas2

2008-01-20T12:33:00.000-08:00

Mira el Post en tu plataforma: , Vincula desde tu Blog este Post!

Nombre:
Email:
Motivo:
Mensaje: