Los Hermanos Carlos

¿Cuáles son los indicadores más importantes de Google analytics?

2010-11-30T10:23:00.000-08:00

Reflexionando un poco sobre las estadísticas de Google Analyticis me puse a pensar cuales son los indicadores más importantes de un sitio web. ¿Son las visitas mensuales, las diarias, el tiempo en el sitio, el lugar de donde provienen, los artículos más visitados, las palabras claves de entrada? Sin duda que dependerá de lo que cada uno busque con su sitio.

Para mi uno de los que más importa es el tiempo de permanencia en el sitio. Me da una idea de la aceptación que tuvo la página. No solo alcanza con ver el promedio ya que por ejemplo alguien puede visitar tu página y al mismo tiempo recibir una llamada telefónica que lo hace alejarse del ordenador, cuando vuelve ni siquiera lee tu página, pero en las estadísticas aparecerá como una visita larga, lo que aumentará el promedio. Me parece mucho mejor fijarse el porcentaje de visitantes que están menos de 10 segundos, entre 10 segundos y 30, un minutos, más de un minuto, es decir en los diferentes intervalos. Eso me dará una mejor idea de cuantos son lectores y cuantos entraron y no encontraron lo que buscaban.
Por ejemplo si el 80 % de tus visitantes está menos de 10 segundos significa que la mayoría no encuentra lo que buscaba y por más cantidad de vistas diarias que tengas estas perdiendo el tiempo.

¿Para ustedes cuales son los indicadores más importantes?

El valor de la perseverancia en todo emprendimiento web

2010-11-30T10:03:00.000-08:00

Son miles y miles los que dicen que lograr el éxito en Internet es fácil y posible y eso es cierto. Pero los miles y miles que dicen que será rápido y sin esfuerzo mienten. Las probabilidades de que solo teniendo una idea genial se logre tener éxito en la web son como las de ganar la Lotería. Hay casos que lo lograron pero son una excepción no la regla.

Todo esto no significa que no se pueda lograr el éxito con un sitio web, con un negocio por Internet, con el marketing de afiliados y con todas las posibilidades que brinda la red, siendo éxito una palabra muy relativa.
Para lograrlo se necesita tiempo y mucho esfuerzo, tal vez menos que para lograr buenos resultados en otros ámbitos pero sigue siendo necesario.
La clave de todo éxito en Internet es la perseverancia. Mi experiencia personal me lo ha enseñado. La marca loshermanoscarlos fue poco a poco y aún le falta mucho pero la esperanza es mayor
Hay que crear mucho contenido de calidad y original que sea constante en su publicación. Tal vez te desanime saber que uno de tus trabajos lo lee una persona por día, pero si amplias la visión te darás cuenta de que son 30 personas al mes. Y si publicas un artículo diario pronto tendrás casi mil visitas por mes, y en un año serán 12000 visitas mensuales. Y eso es mucho más que aceptable. Pero si realmente sigues ese ritmo y sos perseverante al año no serán 12000 sino 30000 o más. Y esto es porque generaste confianza y las personas ya te conocen, saben que estás constantemente dándoles contenido, lo saben también los buscadores y te posicionan mejor
Cuando el contenido y el tiempo jugaron su papel empieza a verse tu talento para escribir, el diseño de tu sitio, el nicho al cual apuntas, el intercambio con tus visitantes como los factores que generan el crecimiento rápido.
Persevera, persevera y verás
Persevera, persevera y triunfarás

La pura verdad sobre ganar dinero en internet

2010-05-01T11:35:00.000-07:00

Esta es mi verdad sobre ganar dinero en internet. Primero que nada quiero aclarar que no soy rico, ni recibo un peso por internet, tampoco trabajo por internet pero si internet trabaja por mí muchas veces. Lo que si puedo decir es que tengo algo de experiencia en Internet y que manejo dos blogs, este loshermanoscarlos.tk y paraquefuturoeducamos.tk los cuales ambos se han hecho un lugarcito en la web.

Declaro que siempre me he sentido atraído por la idea de ganar dinero en Internet, no necesito enumerar las ventajas que tiene ganar dinero de esta forma seguro lo sabes y por eso estas leyendo este artículo, pero hasta el momento no he logrado nada, pero si me he informado y he probado muchas cosas

En internet esta lleno de sitios y personas que prometen el oro y el moro y de la noche a la mañana, otros son un poco más cautelosos con lo que prometen pero siempre te aseguran el éxito.
Junto con la cantidad de sitios y personas hay que sumarles la cantidad de métodos por los cuales prometen que se puede lograr esto que van desde: responder cuestionarios, promocionar sitios, los diversos servicios de google, el marketing de affiliados, la venta de productos y/o servicios, leer publicidad etc etc y la lista sigue y es larga.
A todas estas formas yo los he clasificado en dos:

Formas de ganar dinero

Las forma de los centavos: que son todos aquellos por los que se logran centavos de poco valor y que muchas veces se dificultan para cobrar porque te hacen esperar a juntar determinado monto para hacerlo. Entre estos se encuentra por ejemplo las encuestas y el leer publicidad de terceros.

La forma clásica: desde antes de que existiera internet la gente a logrado dinero comerciando, es decir intercambiando bienes y/o servicios o produciendo los mismos y lo sigue haciendo hasta ahora. Esta la forma de ganar dinero en la vida "desconectada", pero esta es también la forma dinero en la "conectada".
Las personas que navegan por internet siguen siendo personas, las organizaciones siguen siendo organizaciones, por más cambio radical que produjo internet, las personas en un principio arrastran costumbres de su vida anterior y si en la vida "desconectada" se ganaba comerciando y produciendo, en la vida "conectada" se tiene que ganar así. Lo cual no significa que paulatinamente esto vaya a ir cambiando y luego los métodos de los centavos se vuelvan verdaderas fuentes de riquezas.
Entonces trasladando la forma de generar riqueza real a internet solo se logra por la venta.
De todas las opciones que se ofrecen en la red solo dos van en sintonía con lo propuesto y son la venta directa de productos y servicios propios o la venta de productos ajenos (marketing de afiliados)

La venta directa: es un forma real y que consiste en crear un producto y /o servicio y tratar de comercializarlo por internet, lo cual requiere de muchísimo trabajo creando páginas, promocionando el producto etc etc, por lo que no se logra de la noche a la mañana

El marketing de afiliados: es una forma que te ahorra la necesidad de crear un producto porque lo que se comercializa es productos de terceros. Desde mi punto de vista este es la verdadera forma de ganar dinero en internet y tiene mucha analogía con el mundo "desconectado". Fíjate en lo que hace un supermercado, no produce nada sino que se abastece de productos de terceros y se encarga de venderlos por lo que recibe un ingreso a lo cual se le descuenta lo que le corresponde al productor. El marketing de afiliados es igual se venden productos de otros pero se cobra una jugosa comisión.

Si quieres saber más sobre marketing de afiliados puedes informarte y comprar el curso de Afiliados Elite, los cuales te dan una garantía de devolución.

Otras verdades que debes tener en cuenta:

No existe la manera mágica, rápida y sin esfuerzo.
Se requiere algo de dinero pero sobre todo tiempo y trabajo
Tiene la ventaja que el dinero que se tiene que invertir es mínimo
No debes olvidarte que cualquiera que te esta ofreciendo ganar dinero en internet esta buscando lo mismo que tú: ganar dinero por internet.
Tu éxito depende en gran medida de la cantidad de gente que se encuentre con tu producto, por eso debes elegir productos con nichos de mercado poco explotados y explotar todos las formas de publicidad es decir: videos, google adwords, boletínes etc. Si quieres saber más sobre esto entra a MercadeoGlobal una página que recomiendo porque brinda mucha información gratuita aunque luego te vende algúnos productos si queres ampliar la información.

Si tengo que concluír sobre si es posible ganar dinero en intenet te digo que sí es posible, pero por los caminos tradicionales la venta ya sea directa o por marketing de afiliados y trás arduo esfuerzo y tiempo.
Yo estoy en la etapa del esfuerzo expectante de los resultados.

Agregar en tu blog la opción "Síguenos en Facebook"

2010-04-20T17:49:00.000-07:00

A pedido de Alexis creamos esta tutorial para explicar los paso para agregar la opción de seguir en facebook en tu blog tal como esta en el nuestro.

Pasos
1. Guardar la siguiente imagen o una similar de las tantas que hay por la web

2. ir en tu blogger a Diseño / elementos de página /

3. Añadir un gadget/ Imagen
4. en el cuadro donde dice "enlace" completar con la dirección de su página en facebook
5. Subir la imagen previamente descargada y guardar los cambios

Abrir archivos mhtml

2010-04-06T07:28:00.000-07:00

Los archivos mhtml son uno de los formatos con que internet explorer guarda las pàginas web. El problema que generan estos archivos es que muchas veces no se logran abrir. Incluso puede pasar que uno guarde una determinada página e inmediatamente la intente abrir y no pueda.
La solución a este problema nunca es segura pero si se pueden hacer varios intentos por solucionarlo

1º Una de las razones por las que no se puede es si lo esta intentando abrir con Mozilla Firefox ya que este navegador no abre archivos mhtml por defecto, si quiere abrir con este navegador es necesario instalar un complemento

2º Si tampoco pudo abirlo, pruebe con intenet explorer, si no lo tiene tendrá que instalarlo

3º Otra opción para abir mhtml es el navegador de Opera que también utiliza este formato y en algunos casos da mejores resultados que iexplorer

4º Esta posible solución es un poca más compleja pero es para aquellos que ya han probado todo y no tienen suerte. Consiste en:

Abrir cualquier carpeta.
En la barra estándar buscar la opción herramientas --> opciones de carpeta
Buscar en las extensiones asociadas mht y borrarla
Dar clic en Nueva
Escribir mht
Dar clic en avanzado y buscar en la lista "archivos MHTML
Dar aceptar
Repetir los pasos con la extension mhtml

Si cuando intenten abrir los archivos mhtml les pide con que programa deben abrirlo elijan iexplorer

Convertir Docx a Doc

2010-02-23T08:33:00.000-08:00

Desde que las nuevas versiones de Microsoft Word guardan sus documentos con la extensión .docx se han generado algunos problemas para los que aún tienen versiones más antiguas que no permiten abrir ese formato. Una solución para los que no pueden tener el software más reciente es convertir el formato .docx a .doc que es el formato anterior.
Una manera rápida y sencilla de convertir dichos formatos es utilizar un convertidor online que en tres sencillos pasos lo realiza
Pincha aquí para convertir tu .docx en .doc

Ocultar el título de los gadgets

2010-02-22T06:41:00.000-08:00

Cuando agregamos un gadgets y le ponemos un título, por defecto blogger lo muestra cuando uno lo visualiza con el navegador.
Pero en muchos casos uno quiere que no se vea el título Ej: uno copia el código de google analytics para llevar estadísticas y lo agrega en la plantilla como un gadget, este gadget es para uso de los administradores del blog por lo tanto no tiene sentido que los visitantes vean un título.
Ahora para este caso y muchos otros en que no queremos ver el título del gadget doy dos soluciónes

La primera es optar por no poner ningun título es decir dejar el campo de título en blanco. Está solución presenta el inconveniente que no nos permite identificar a los administradores los gadget en la opción de elementos de gadget

La segunda es un poquitito más compleja pero mucho mejor porque permite ver el nombre del gadget en los elementos de página. Consiste en lo siguiente:

1. Darle un título al gadget , luego ir a Edición de HTML y tildar la opción "Expandir plantillas de artilugios"
2. Buscar un código similar al siguiente en donde en title este el título que le diste al gadget


<b:widget id='HTML1' locked='false' title='Título del gadget' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != ""'>
 
 <h2 class='title'><data:title/></h2>
 
 </b:if>

<div class='widget-content'>

<data:content/>

</div>

3. Agregar al principio del código en rojo

<!

4. Agregar al final del código en rojo

-->

Si más adelante quieres mostrar el código alcanza con sacar lo que agregaste

Impresionantes texturas para photoshop

2010-02-19T05:49:00.000-08:00

Hace un largo tiempo comentamos sobre cgtextures donde se podían descargar muchas texturas de muy buena calidad. Ahora encontramos otros sitio que ofrece también texturas muy diversas y aprovechables para utilizarlas con photoshop. El sitio se llama startextures y hasta el momento tienen 1349 texturas y agregan nuevas constantemente. Todas se pueden descargar de forma gratuita y con distintos tamaños

startextures

Convertir un sitio a PDF

2010-02-18T06:14:00.000-08:00

Navegando por la red encontre un sitio que permite convertir un sitio en un archivo en formato pdf. El sitio es PDFmyURL en el cual se debe escribir la dirección de la página a convertir y listo.
Además el sitio web también ofrece la posibilidad de insertar su servicio en otra página para que el visitante los puede descargar en ese formato sin la necesidad de ir a PDFmyURl entre otras cosas.

Paginá tu blog

2010-02-17T11:26:00.000-08:00

Cuando uno empieza a tener muchas entradas en su blog se vuelve fundamental el organizar de forma clara y sencilla la información de un blog para una mejor navegación por parte de los lectores. Un elemento que colabora con esto es paginar el blog. Para los que no saben aún que es esto miren la imagen y se darán cuenta enseguida.

Como paginar tu blog

1. Primero inicias sesión en Blogger y luego vas a diseño-> edición de HTML
No olvidar descargar la plantilla como respaldo

2. Luego buscas la siguiente etiqueta en la plantilla


</body>

3. Inmediatamente después pega este código


<!--PAGINATION-STARTS-->

<script type='text/javascript'>

var pageCount=10;

var displayPageNum=3;

var upPageWord ='Anterior';

var downPageWord ='Siguiente';

</script>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/>

<!--PAGINATION-STOPS-->

var pageCount=10 es el número de entradas por página y se puede variar a conveniencia

var displayPageNum=3 es el número de páginas que se mostrarán en el botón

4. Ahora hay que darle formato, para eso hay que buscar la siguiente etiqueta


</head>

5. Antes de la etiqueta pegar el siguiente código


<!--PAGINATION-STARTS-->

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/>

<style type='text/css'>

.showpage a:hover {

color: #FFFFFF;

background-color: #92416C;

}

// ESTILO DE  DEL SELECTOR

.showpagePoint {

color: #FFFFFF;

background: #92416C;

border: 1px solid #92416C;

}

// ESTILO DE LOS NÚMEROS

.showpageNum a:link,.showpage a:link {

color: #000000 !important;

background-color: #92416C;

border: 1px solid #92416C;

}

// ESTILO HOVER DE LOS NÚMEROS

.showpageNum a:hover {

color: #FFFFFF !important;

background: #92416C !important;

border: 1px solid #92416C;

}

// ESTILO DEL BOTÓN DE PREV Y NEXT

.showpageArea a {

border: 1px solid #92416C;

}

// ESTILO HOVER DE LOS BOTONES DE PREV Y NEXT

.showpageArea a:hover {

border: 1px solid #92416C;

color: #FFFFFF !important;

background: #92416C !important;

}

</style>

<!--PAGINATION-STOPS-http://bloggerstop.net-->

el número #92416C es el color de fondo de los recuadros en sistema hexadecimal y se puede cambiar y los mismo con el resto de los colores

7. Guardar los cambios

Dale efectos a tus photos con Photo505

2010-02-17T10:43:00.000-08:00

Efectos para fotos

Siguiendo con la recopilación de sitios que permiten dar efectos a las fotos tenemos a Photo505

En el sitio se puede elegir un efecto a aplicar entre los muchos que tienen para retratos, subir la foto a la que se le quiere dar el efecto para que la página haga el resto del trabajo.
Luego photo505 permite descargar la imagen con el efecto incluído o copiar un link de donde esta alojada la msima.
Es muy simple y divertido, entre los tantos efectos que tiene esta uno que es muy común por esto días que es el de crear un avatar como el de la película de James Cameron

Crear tu propio Avatar como el de la película

¿El 2010 ya empezó?

2010-01-02T10:59:00.000-08:00

El clima festivo sigue y aún falta el tradicional día de reyes. Esto se percibe claramente en el día a día, en las calles, el ánimo de las personas y como no podía ser la excepción en el mundo online. Muchos han aprovechado para tomarse un descanso y descontectarse un poco para luego retornar con fuerzas y enfrentar un nuevo año.
Uno puede ver como muchos perfiles están sin actividad, como el número de feeds por públicaciones bajó notablemente, las visitantes de un sitio hacen los mismo, entre otros tantos indicadores.
Mi portal de noticias favorito 180 no actualiza su página desde el 31 de diciembre y no lo hará hasta el 4 de enero.
Para los que les gusta el fútbol por estas horas no tiene mucho que ver ya que la mayoria de las ligas del mundo estan en receso.
En el caso de Uruguay empezó una feria judicial que hace casi imposible algún trámite hasta febrero o marzo
Las personas están aprovechando el tiempo para otras cosas como pasar con su familia, salir de paseo, etc
En el hemisferio sur el clima es idoño para tomarse unas vacaciones, salir a disfrutar del mar y despejarse.
Pero hay otros que se basan en que el mejor momento para hacer las cosas es cuando otros no las están haciendo, y bajo esta regla siguen actuándo pese al tiempo en que vivimos.
La liga inglesa de fútbol es la única del mundo que no ha parado, unos pocos blog no deján de publicar artículos y muchos trabajan más que antes, para estos no existen vacaciones, ni tiempo de descanso y si lo hubo el mismo fue muy breve.

Aquí en Uruguay se dice que el año empieza recién después de la semana santa, y esto será por el 5 de abril así que falta un largo trecho aún para que todo vuelva a la normalidad

Así que para muchos el 2010 ya empezó pero para otro tanto el 2010 todavía no lo ha hecho...

Resaltar los comentarios del autor del blog

2010-01-01T11:18:00.000-08:00

Para los que quiera resaltar los comentarios del autor del blog de modo que sea de rápida identificación sigan los siguientes pasos.

1. Inicien sesión en blogger, vayan a diseño --> edición de HTML
2. descarguen su plantilla (sirve como respaldo)
3. Activen la opción Expandir plantillas de artilugios
4. En su plantilla peguen el siguiente código antes de


]]></b:skin>


.comment-body-author {

background: #E6E6E6; /*color del fondo*/

color: #000; /* color del texto*/

border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;/*borde*/

margin:0;

padding:0 0 0 20px; /* posición*/

}

5. luego buscan el siguiente código


<dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>

          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

            <a expr:name='data:comment.anchorName'/>

            <b:if cond='data:comment.authorUrl'>

              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

            <b:else/>

              <data:comment.author/>

            </b:if>

            <data:commentPostedByMsg/>

          </dt>

No es seguro de que en todas las plantillas esta parte sea igual, alcanza con que empiece y termine igual

6. Inmediatamente después pegan este


<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

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

</dd>

<b:else/>

7. Buscan esto:

 
<dd class='comment-body'>

            <b:if cond='data:comment.isDeleted'>

              <span class='deleted-comment'><data:comment.body/></span>

            <b:else/>

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

            </b:if>

          </dd>

y seguido pegan:


   </b:if>

8. Guardan la plantilla y listo!

PageRank por página individual

2010-01-01T09:46:00.000-08:00

Google no descansa ni el 31 de diciembre y el pasado día el gigante de la red actualizó el PageRamk de los sitios web. Para los que no saben que es el PageRank se podría decir que es un valor númerico que Google asigna a una página según su relevancia, la escala va desde el 0 al 10.
La verdadera importancia de este indicador es muy discutida entre los expertos en la materia.
Existen variadas formas de conocer el PageRank, desde sitios online, aplicaciones y barras para instalar en los navegadores. Para los que quieran conocer su PageRank pueden instalar estas barras o toolbar si tienen firefox:

toolbars para concer el PageRank

Seo Profesional Toolbar Es muy sencilla pero a mi juicio su principal virtud está en que se agrega a la barra de estado no como otras barras que al instalarlas reducen el espacio para visualizar la página en el navegador
Google Toolbar Para los fanáticos de los productos google

Ahora les dejo mi opción favorita pues permite conocer el pagerank de cada página individual del sitio además de ser muy completa
SeoQuake SEO

como conocer el PageRank por página individual con SeoQuake

lo que deben hacer es ir a la página de búsqueda de Google y poner los siguiente:
site:tusitio

Remplazando tusitio por su dirección obtendrán al dar buscar las diferentes páginas que componen su sitio y les indicará el PageRank de cada una debajo de cada resultado.

Fíjense cuanto ha cambiado su PR desde fines de octubre momento en que fue la última actualización.
En nuestros principales sitios quedó así
los hermanos carlos: pasó de 1 a 2
para qué futuro educamos : pasó de 0 a 1

también te puede interesar
Como verificar enlaces rotos rápidamente

Como registrarse en Google Analytics
Llevar Estadisticas web con Google Analytics

Colección de sitios útiles para un blogger

2009-12-31T10:01:00.000-08:00

Les dejo un resumen de sitios útiles para cualquiera que tiene un sitio web o un blog, hay de todo tipo y todos fueron publicados anteriormente por nosotros y son gratuitos

Sitios útiles para...

verificar enlaces rotos

Broken link checker muestra todos los enlaces que tiene la web y su estado.

verificar la velocidad de carga de tu página

Pingdom Tools Nos indica detalladamente cuanto demora en cargar cada uno de los elementos que componen tu página

analizar como está optimizado tu sitio

http://websitegrader.com
Permite conocer datos sobre las páginas que te indexó google, el uso del atributo alt, las etiquetas h1 y mucho más

publicar cualquier contenido

Embedit.in Publica pdf, documentos de word, excel, de power point, etc

conocer la velocidad de nuestra conexión a internet

www.pingtest.net Podrás ver si tu proveedor de internet es bueno o no

descargar fuentes de letras

www.fontreactor.com para los que están aburridos de arial, time new roman y todas esas que vienen con tu sistema operativo

conocer como está funcionamiento tu blog

http://www.ismyblogworking.com

crear una serch tab

www.pax.com

crear un formulario

www.emailmeform.com muy fácil de hacer y es totalmente personalizable

crear un foro

foroactivo.com,

crear un contador de visitas

flagcounter existen muchas alternativas para esto, pero flagcounter nos permite conocer los visitantes por país

subir una imagen y después utilizarla en nuestro sitio

www.imageshack.us/

Agregar una sala chat

cbox

Llevar estadisticas sobre el sitio web

google analytics

Subir archivos (no requiere registrarse)

http://depositfiles.com/es/

Colocar un slideshow

www.imageloop.com

¿Cómo redireccionar un blog?

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

Hace poco hablaba con mi hermano sobre las formas de redireccionar un blog y cuales son las que se consideran correctas.
Cuando digo redireccionar me refiero a que al entrar a un blog este te dirige a otro sitio de forma automática.

Una forma para hacer esto es agregar una linea de código en la plantilla con una etiquta meta. Veámoslo

como redireccionar un blog

Primero un ejemplo para que vean como funciona la cosa
Vayan a http://Google.BlogSpot.com y este los llevará a http://GoogleBlog.BlogSpot.com de forma automática. Noten como esto fue hecho en un propio blog de google para los que piensan que esto esta penalizado por el buscador, algo que no es así.

1.Iniciamos sesión en blogger, vamos a diseño/edición de html en el blog que queremos redireccionar
2. Buscamos el siguiente código


<head>

3. Justo después de este pegamos el siguiente


<meta http-equiv="refresh" content="3; url=http://elblogdedestino/" />

en donde dice elblogdedestiono se debe rempalzar por el blog al que será redireccionado
el 3 es el tiempo en segundos que demorará en hacerlo

Algunas razones para redireccionar de esta manera
-Tenemos dos blogs y queremos que todo el tráfico vaya hacia uno
-Nuestra página esta temporalmente en construcción, modificandose o con algún error y queremos mandar a nuestros visitantes a otro lado
-Cambiamos la dirección del blog

En BloggerStop.net (blog en ingles) encontré como redireccionar partes de un blog.

Redireccionar todo un blog menos una entrada

Si quieres hacer esto debes pegar este código


    <b:if cond='data:blog.url != "SPECIFIC_BLOG-POST_URL"'>

    <meta http-equiv="refresh" content="3; url=http://blogdestino/" />

    </b:if>

Redireccionar una entrada hacia otra entrada

Pegar este código y


<b:if cond='data:blog.url == "entradaaredireccionar"'>

<meta http-equiv="refresh" content="3; url=entrada de destino/" />

</b:if>

Sustituir por la entrada que se quiere redireccionar y por la entrada final

Como verificar enlaces rotos rápidamente

2009-12-30T11:17:00.000-08:00

Dentro de las cosas molestas que puede tener navegar por internet está la de encontrarse con un enlace roto.
Las consecuencias de esto son altamente perjudiciales, genera una mala imagen frente a los lectores y es tomado de forma negativa por los buscadores entre otras cosas.
Por eso es de muy importante verificar el estado de los enlaces. Cuando uno tiene muchos enlaces en su sitio se hace casi imposible comprobarlos manualmente pero existen herramientas que nos facilitan la tarea.
En kabytes comentaron sobre un software que lo hacía pero era de pago y bastante caro por cierto.
Esto me motivo a buscar opciones gratuitas

Sitios para verificar enlaces rotos

Broken link checker Enumera los enlaces y su estado. Es muy rápido

links-rotos Similar al anterior pero tiene es limitado
W3C Link Checker Permite además válidar un sitio y contiene otras opciones. No lo recomiendo para los blogs

Programas para verificar enlaces rotos

xenulink Es programa muy liviano y sencillo además proporciona algunos datos extras para encontrar el link roto. Esta es mi opción favorita
linkchecker Se puede descargar desde la página igual que el anterior

Toolbar para verificar enlaces rotos

Otra opción para los que tiene firefox es instalar la extención para webmasters webdeveloper

Ahora no hay motivos para no verificar el estado de los enlaces. Que ya lo hayas hecho una vez no significa que no debas volver a hacerlo pues algunos enlaces puede que hayan dejado de funcionar desde la última vez. La comprobación de enlaces debe ser periódica

Chequea la velocidad de carga de tu sitio

2009-12-29T12:30:00.000-08:00

La velocidad de carga de tu sitio es muy importante. Entre las razones de esto yo destacaría dos:
1º A nadie le gusta esperar y tus visitantes no son las excepciones, tu sitio puede ser muy bueno pero si demora en cargar puede hacer que alguien se vaya de él sin que ni siquiera lo vea por completo. Hay diversas estadisticas que expresan el nivel de tolerancia que tiene un visitante respecto a la espera y siempre cuanto menos demore en cargar mejor.
2º Todo parece indicar que Google tendrá en cuenta el tiempo de carga para la ubicación en los resultados. Ya es sabido como Google prefiere las cosas minimalistas, alcanza con ver la sencilles y la velocidad de su página principal.

Así que como recomendación les invito a chequear la velocidad de cargar de su sitio web con la herramienta que ofrece Pingdom Tools la cual brinda un informe detallado para. En el se desglosan los tiempos de carga de los diferentes elementos que componen las páginas del sitio.
Si ven que alguno demora demasiado intenten si es posible modificarlo, remplazarlo o eliminarlo

También te puede interesar leer
Analisis de tu web o blog al detalle
Los blogs también tienen quien los analice

¿Cómo hacer para que cada etiqueta tenga un feed propio?

2009-12-29T11:14:00.000-08:00

Un mismo blog puede tratar sobre muchos temas sin embargo a muchos de los visitantes les puede interesar un tema en particular de los tantos que tiene, en nuestro caso podrían ser que les interese las tutoriales, nuestros artículos de opinión o los servicios que recomendamos.
En entradas anteriores comentamos sobre los feeds y la importancia que tiene posibilitar a los visitiantes de suscribirse a nuestras publicaciones. Pero cuando uno se suscribe a un sitio recibirá toda la información de este y como escribí antes puede que solo le interese un tema específico de él.
La solución para esto es crear un feed propio para cada etiqueta. Entonces si la información esta correctamente agrupada el visitante elegirá los temas a los que le interese estar subscripto

Como hacer el feed por etiquetas

1. Ve a edición de html en tu blogger
2. Selecciona Expandir plantillas de artilugios
3. Busca el siguiente código


<b:if cond='data:blog.url == data:label.url'>

<span expr:dir='data:blog.languageDirection'>

<data:label.name/>

4. Justo antes de ese pega el siguiente


<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img src='http://i284.photobucket.com/albums/ll35/observadorweb/rss.png' style='float: right; padding-right: 10px;'/></a>

5. Guarda lo cambios para finalizar

15 tutoriales para blogs nuevos

2009-12-18T16:05:00.000-08:00

Ya se termina el año y que mejor oportunidad que esta para hacer una recopilación de las 15 tutoriales más útilies y básicas que todo blogger que recién comienza necesitaría leer

Conocer fácilmente cada parte de la plantilla de tu blog
Publica cualquier tipo de contenido en tu blog
¿Cómo hacer que mi página aparezca en los resultados de Google

Agregar un formulario a tu blog o página web
¿Cómo colocar una imagen de cabecera en un blog?
¿Cómo crear un foro?
¿Cómo crear un menu con iconos para tu blog?
colocar un buen Slideshow en tu web Marquesina Sencilla en HTML
Contador de visitas por país con Flag Counter
Agregar chat a un blog con Cbox
Agregar Música al blog o página con eSnips
Agregar código javascript o HTML en Blogger
Crear un contador de visitas con 99counters
Quitar Navbar (Barra de blogger)
¿Cómo coloco un buscador en mi sitio web?

Aprovecha!!! Dominios Gratis .es

2009-12-14T14:43:00.000-08:00

Hasta el 30 de diciembre de 2009 se puede conseguir dominios y servicio de alojamiento gratuito por un año.
Accedan a esta página y disfruten!!!

Te puede servir también
Tu Dominio Gratis en dot.tk

Graba CD y DVD con un programa gratuito o de licencia free: InfraExpress

2009-12-12T03:00:00.000-08:00

Programa para grabar CD y DVD gratis

Excelente programa de licencia gratuita para grabar cd y dvd, fácil de intalar y de bajar de internet. No tiene propaganda invasiva y es muy liviano.
Nos sumamos a esta opción y los animamos a hacerlo.
Apoyamos como siempre todo programa libre y democraizador como este.

Descargar InfraExpress

A continuación les dejo un tutorial paso a paso para usar Infraexperess o Infra Recorder.

Tutorial Grabar CD y DVD con Infra Record

1. Abrir el programa

2. Al iniciar el programa aparecen varias opciones:

• Datos: guarda todo tipo de archivos, de música, de imagen, de video, de texto, de cálculo, de programas, etc.

• Audio: permite crear un CD de audio capaz de ser reproducido en cualquier equipo de música. Esta opción permitirá colocar menos canciones por CD, debido a que cambia su formato compacto a uno más extenso que pueda ser leído por cualquier reproductor digital.

• Video: crea un DVD de video capaz de reproducirse en cualquier equipo, al igual que con la música aumenta su tamaño para facilitar su lectura. No permite más de una película por DVD generalmente.

• Crear disco en modo mixto: combina las opciones anteriores.

La mejor opción suele ser Datos, porque permite grabar más cantidad de archivos en una forma más liviana y compacta. Además actualmente todos los reproductores de música y de cine (películas) admiten formatos compactos como MP3 (para música) y AVI (para videos).

3. Una vez elegida la opción (en este caso Datos) se debe optar por CD o DVD para luego escoger los archivos a grabar. Hacer doble clic para iniciar la acción.

4. La ventana que anterior , está dividida en dos áreas básicas: la superior que representa todos los archivos que existen dentro del ordenador (computadora) y la inferior que representa la lista de archivos a grabar en el disco CD o DVD, este espacio en principio aparece en blanco.

5. Una vez elegido el archivos o los archivos (pueden ser varios) a grabar se deberán seleccionar y luego hacer clic en el botón con el signo de más (+). Esos archivos comenzaran a aparecer en el área inferior a medida que se vayan sumando a la lista de grabación. ¡No intentar hacer doble clic para agregarlos a la lista de grabación puesto que esa acción abre el archivo y lo comienza a reproducir! Deberá verse del siguiente modo:

6. Como se verá en el área inferior comienzan a aparecer los archivos seleccionados, debajo hay una línea que muestra en azul la cantidad de disco ocupada hasta el momento. Para CD el espacio va de 0 a 700 MB para DVD de 0 a 4 GB.

7. Para eliminar un archivo de las lista de grabación hay que seleccionarlo y luego hacer clic en el símbolo de menos (-).

8. Una vez completada la selección hacer clic en el siguiente ícono , hacer clic en aceptar al mensaje que aparecerá y comenzará la grabación.

9. Esperar hasta que se indique que ha terminado la grabación y se expulse el disco. ¡Es recomendable no usar el ordenador (computadora) mientras se esta grabando un disco, ya que cualquier acción puede interferir la calidad de la grabación.

45 sitios para subir videos

2009-12-11T09:31:00.000-08:00

Ya estuvo en anteriores entradas brindando mi opininón sobre lo importante que es subir video en diferentes sitios.
En el blog pospost publicaron una lista muy interesante con 45 sitios para subir videos de forma gratuita.

45 sitios para subir videos

Los blogs también tienen quien los analice

2009-12-11T09:17:00.000-08:00

Analisis de mi blog

Ayer publiqué una entrada recomendando un sitio web que analizaba el tuyo proporiconando muchos datos interesantes. Pues bien ahora les dejo uno específico para los blogs del mismo estilo que el primero. Utilizar ambos es una muy buena idea
La dirección es
http://bloggrader.com/

Si todaviá no probarón el anterior
Analisis de tu web o blog al detalle
También te recomiendo leer
Llevar Estadisticas web con Google Analytics

Analisis de tu web o blog al detalle

2009-12-10T10:34:00.000-08:00

Si queres saber al dedillo como le va tu blog o tu web, que cosas necesitarias mejorar, como le va a los que tienen sitios similares al tuyo, que cosas deberiás hacer que no estas haciendo, te recomiendo visitar la web http://websitegrader.com

De forma gratuita y sencilla te proporciona muchisimos datos que esta bueno conocer. De todas las paginas que conozco esta es la mejor .
Una última recomendación no creas que porque tienes google analytics esta página no te va a servir porque es un grave error. Pruébala!

La información en tiempo real y los cambios que se vienen

2009-12-10T10:16:00.000-08:00

Esta es una lista no exahutiva de mi autoría en base a mis creencias sobre lo que puede deparar el futuro de la internet cuando la información este en tiempo real

Los 7 cambios que traerá la información en tiempo real

1. La información tendrá valor por menos tiempo, como los buscadores darán la información del momento los datos antiguos pierderán valor y esto se acentúa cada vez más con el correr del tiempo. Lo que yo publiqué sobre Google hace 7 días no será tan importante como lo que se esta diciendo de Google en el día,

2. Cobrará mucho más valor el momento en que se publica, habrá que estar atento a la hora en que el mayor número de personas tiende a leer o visitar las páginas, conocer a que hora pública la competencia, etc. Ya no podré publicar noticias sobre Uruguay después de la medianoche porque quién lo haga correrá el riesgo de perdér frente a alguien que lo haga en la tardecita que es cuando los uruguayos se sientean frente a la computadora

3. Una red más FLEXIBLE y HUMANA, los sitio web se tendrán que adaptar para tener una mayor velocidad de respuesta y de anticipo. A la vez que las personas serán una mayor fuente de información ya que el contenido que puedan aportar en redes sociales, comentarios, etc. será muy tenido en cuenta. Los que usan twitter saben muy bien que muchas cosas que se enteran lo hacen a través de personas que publican el dato, o páginas que se vizualizan más como "el ser humano que esta atrás"

4. Las estrategias de mercadeo cambiarán, estas viven cambiando pero esto vez tendrán asegurar que un sitio este brindando contenido en forma constante o atenta al momento oportuno

5. Habrá sitios temporales, sitios que se dedicarán a un hecho del momento y después cáeran en el desuso, ya puedo imaginarme páginas al estilo www.juanitocorrea.com ( el pólemico participante de Gran Hermano 97) que después que se olvidan de él, la página no sirve para nada.

6. Cambios en los buscadores, un hecho obvio, por eso estan firmando acuerdos que resalten los resultados en tiempo real, facebook, twitter y otros estarán más integrados a los buscadores.

7 La información será más pública, lo que uno publique en su red social también podrá ser usado por cualquier navegante por eso habrá que tener más cuidado con lo que uno publique y las configuraciones de privacidad

Espero que aporten más ideas para esta lista y luego voy a hacer una sobre los cambios en twitter

Lee también
Las tendencias de posicionamiento ya no son las mismas

La lucha por la información en tiempo real

2009-12-09T17:40:00.000-08:00

Hace muy poco Google y Twitter concretaron un acuerdo de mucha importancia. Como muchos sabrán twitter es un muy buena fuente de busqueda en tiempo real, es decir datos actuales del momento.
Google parece querer aprovechar twitter para darlo entre sus datos de busqueda. Esto no es algo menor, Bing fue primero en hacer esto y todo indica que se presenta una nueva lucha , la de la información en tiempo real.
Muchas veces deseamos buscar algo actual, pero los buscadores hoy por hoy no son muy buenos en reflejar esto.
Ahora bien esto abre nuevas posibilidades al posicionamiento y sobre todo muchas interrogantes a contestar.
Cuando las busquedas en tiempo real estén cosolidadas las cosas van a cambiar mucho.
Próximamente voy publicar una lista de alguna de esos cambios que podrían venir

Las tendencias de posicionamiento ya no son las mismas

2009-12-07T15:58:00.000-08:00

Los hermanoscarlos no somos especialistas en posicionamiento pero si cuando tenemos un tiempito nos gusta leer e informarnos sobre el mismo. Hoy por hoy cuando en el mundo existen millones de páginas y donde muchas veces los contenidos son semejantes, si uno quiere "existir" en la red tiene que estar bien posicionado en los buscadores, esto no es ninguna novedad.
Ahora bien podrían decirse que existen dos maneras de posicionar un sitio. La manera tradicional en la cual se logra con el manejo de palabras claves, optimización del sitio, etc etc. Y después tenemos las maneras más modernas que es propia de la web 2.0
La web ha evolucionado con el transcurso del tiempo desde una red donde solo se presentaba contenido textual y unilateral, a una red mucho más interactiva y multimedia. Las redes sociales, los portales de video, radios online abundan en internet.
Estos cambios también generan nuevas oportunidades y formas de posicionamiento. Quien quiera tener una ubicación de privilegio en los buscadores debe aprovechar estas tendencias cuanto antes si aún no lo hace.
Creo que cualquier sitio hoy en dia debería seguir estos tips como mínimo:

Tips de posicionamiento aprovechando la web 2.0

Tener una cuenta de twitter y hacer un uso adecuado de la misma
Crear una página en Facebook
Brindar a los usuarios la posibilidad de seguirlos por medio de RSS
Generar contenido en videos y promocionarlos en sitios como youtube, yahoo videos, vimeo, etc
Permitir que los visitantes compartan sus opiniones

La mezcla de estos factores más el modo tradicional pueden dar buenos resultados. Existen sobrados ejemplos de la viralidad que pueden tener los contenidos que se pueblican en sitios como estos. Recientemente un cortometraje uruguayo subido a youtube fue visto en pocas semanas por miles y miles de personas posibilitandole al autor del video cuyo costo fue de 300 dólares, conseguir un contrato millonario con una de las principales productoras de cine de Los Ángeles. Ni el propio autor esperaba esa repercusión. ¿A quién no le gustaría recibir mucho tráfico porque una publicación suya se hizo famosa? Pues siguiendo estos tips seguro que el tráfico va a subir aunque sea en algunas visitas más, siendo el límite lo que estes dispuesto a esforzarte. Los hermanoscarlos estamos implementando estos tips y ya estamos viendo resultados favorables

No pagues más por un paquete de aplicaciones Office

2009-12-07T05:14:00.000-08:00

¿Necesitas un Paquete de Office Gratuito?

¿Tu nuevo portatil resutla que no cuenta con una versión de Office Gratuita?

¿Te compraste un portatil para usarlo como procesador de texto para tus estudios y ahora resulta que tienes que pagar más para obtener una versión de Office?

¿Quieres un Office sencillo, utilitario, gratis y original?

Estás cansado de que te salte una ventana diciendote que tu Office no es original

Pues estas y tantas otras inquietudes ya tienen solución...
Como saben "los hermanos carlos" somos defensores de los programas con licencia free o gratis porque consideramos que son democratizadores y le dan acceso a todo las personas... En muchos lugares de mundo el hecho de comprarse un ordenador o una computadora ya es un gran esfuerzo y si todavía hay que pagar por los programas que más conocemos y más utilizamos (ejemplo más común office de Microsoft)... ¡Eso es muy penoso para muchos!
Por eso les proponemos se unan a la propuesta de OpenOffice.org un paquete de programas libres que sirve para leer y crear todo tipo de archivos de texto, cálculo y muchos más...
Les invitamos a optar por esta opción , a no pagar por algo que no hace falta y a usar OpenOffice, para aquellos que ya saben utilizar Office 2003, Office 2007 u otro semejante será muy sencillo pues utiliza el mismo lenguaje y es hasta más sencillo.
Lo pueden descargar gratuitamente y en español, es totalmente compatible con todos los formatos.
Bueno espero sus comentarios y que lo prueben

Descargarlo aquí:
OpenOffice.org

Descarga todo tipo de programas portables

2009-12-03T11:30:00.000-08:00

Aquí les dejo un mina de oro para los aficionados a los programas portables. Es una amplia lista de programas que se pueden bajar a modo portable del sitio:

www.vagos.es

Debate sobre los derechos de internet

2009-12-03T08:43:00.000-08:00

Seguramente ya te habrás dado cuenta que por estas horas hay un gran revuelo en la comunidad online. En muchos blogs y páginas se publicó un manifiesto en lucha por lo derechos fundamentales de internet tras una polémica proyecto de ley Español. Este es el tema "caliente" de twitter con gran número de opiniones adversas al proyecto tanto que dirigentes políticos españoles se reunieron con personas influyentes de la red como Enrique Dans para oír sus reclamos en el día de hoy. La reunión no sirvió de mucho y el proyecto sigue su curso.
Entre otras cosas la ley regula lo intercambios p2p ( ares, emule, etc) y permite cerrar un web sin una autorización judicial
Para los que aún no vieron manifiesto creado por periodistas, bloggers, profesionales y usuarios es este:

Los derechos de autor no pueden situarse por encima de los derechos fundamentales de los ciudadanos, como el derecho a la privacidad, a la seguridad, a la presunción de inocencia, a la tutela judicial efectiva y a la libertad de expresión.
La suspensión de derechos fundamentales es y debe seguir siendo competencia exclusiva del poder judicial. Ni un cierre sin sentencia. Este anteproyecto, en contra de lo establecido en el artículo 20.5 de la Constitución, pone en manos de un órgano no judicial -un organismo dependiente del ministerio de Cultura-, la potestad de impedir a los ciudadanos españoles el acceso a cualquier página web.
La nueva legislación creará inseguridad jurídica en todo el sector tecnológico español, perjudicando uno de los pocos campos de desarrollo y futuro de nuestra economía, entorpeciendo la creación de empresas, introduciendo trabas a la libre competencia y ralentizando su proyección internacional.
La nueva legislación propuesta amenaza a los nuevos creadores y entorpece la creación cultural. Con Internet y los sucesivos avances tecnológicos se ha democratizado extraordinariamente la creación y emisión de contenidos de todo tipo, que ya no provienen prevalentemente de las industrias culturales tradicionales, sino de multitud de fuentes diferentes.
Los autores, como todos los trabajadores, tienen derecho a vivir de su trabajo con nuevas ideas creativas, modelos de negocio y actividades asociadas a sus creaciones. Intentar sostener con cambios legislativos a una industria obsoleta que no sabe adaptarse a este nuevo entorno no es ni justo ni realista. Si su modelo de negocio se basaba en el control de las copias de las obras y en Internet no es posible sin vulnerar derechos fundamentales, deberían buscar otro modelo.
Consideramos que las industrias culturales necesitan para sobrevivir alternativas modernas, eficaces, creíbles y asequibles y que se adecuen a los nuevos usos sociales, en lugar de limitaciones tan desproporcionadas como ineficaces para el fin que dicen perseguir.
Internet debe funcionar de forma libre y sin interferencias políticas auspiciadas por sectores que pretenden perpetuar obsoletos modelos de negocio e imposibilitar que el saber humano siga siendo libre.
Exigimos que el Gobierno garantice por ley la neutralidad de la Red, en España ante cualquier presión que pueda producirse, como marco para el desarrollo de una economía sostenible y realista de cara al futuro.
Proponemos una verdadera reforma del derecho de propiedad intelectual orientada a su fin: devolver a la sociedad el conocimiento, promover el dominio público y limitar los abusos de las entidades gestoras.
En democracia las leyes y sus modificaciones deben aprobarse tras el oportuno debate público y habiendo consultado previamente a todas las partes implicadas. No es de recibo que se realicen cambios legislativos que afectan a derechos fundamentales en una ley no orgánica y que versa sobre otra materia.

Te invitamos a dejar tu comentario al respecto

Conocer fácilmente cada parte de la plantilla de un blog

2009-11-26T07:18:00.000-08:00

En esta entrada voy a presentar una solución para conocer cada una de las partes que compone una plantilla.
Header, sidebar, footer son partes que se repiten en casi todas las plantillas, pero muchas veces hay partes que no son tan fáciles de identificar. Lo que propongo hacer es lo siguiente:

Tomar una hoja y anotar 30 o 40 colores en código hexadecimal ayudandose con un programa como Photoshop o Dreamweaver y darle un nombre a cada color. Asi por ejemplo: #AE3DD2 Verde Oscuro. Un consejo que se tomen colores diversos y bien diferenciables uno de otro ya que esto nos será de provecho en el siguiente paso.

Luego de preparada la lista vamos a la plantilla de nuestro blog y primero que nada la descargamos (esto es obligatorio) porque le haremos algunas modificaciones.
Cuando ya este la plantilla descargada lo que hay que hacer es: cada vez que encontremos un color en formato hexadecimal cambiarlo por uno de los de nuestra lista y anotar en ella junto al nombre del color a que se le puso el mismo
Así por ejemplo si en la plantilla aparece esto
cuerpo{ background:#AAAAAA}

yo cambio el color por verde oscuro quedando asi

cuerpo{ background:#AE3DD2}

y luego en mi lista de colores escribo verde oscuro=cuerpo

Una vez terminado el cambio de todo los colores hay que guardar los cambios de la plantilla y visualizarla. Nuestra plantilla tendrá mútliples colores que nos permitirán conocer todas las partes que conforman la plantilla asi como el nombre de cada una de ellas.

Después de tener una idea clara de la misma (sería bueno hacer un boceto) cargamos la plantilla descargada para que todo vuelva a como estaba antes

Si te gustó también te invito a leer:

¿Cómo colocar una imagen de cabecera en un blog?
¿Cómo cambiar la plantilla del blog?

Redimensionar de forma manual los videos de youtube

2009-11-25T10:59:00.000-08:00

Es un recurso muy común publicar videos de youtube sin embargo muchas veces las dimensiones que tiene el objeto video no son las que sirven cuando lo publicamos en un blog o una página
Puede ocurrir que el video se escape de la zona de publicación por ejemplo.
Para solucionarlo alcanza con editar el código del objeto, reudiciendo o aumentando los pixeles.

Aquí les dejo una demostración
Tomaré un video cualquiera de youtube en este caso elegí el títulado "La historia de Internet en 8 minutos (subtítulos en Español)

Su código para visualizarlos en otra web es:


<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/YPc3ghd8Kas&hl=es_ES&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YPc3ghd8Kas&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

y el video se ve así

Pero como yo deseo que se vea más pequeño tendré que cambiar el width(ancho) y el height(alto)
Para eso busco los valores width="425" y heigh="344" y los remplazo por el número de pixeles que quiero que tengan. Para mantener la proporción se recomienod que restemos o sumemos el mismo número de pixeles al widh y al height. Para este ejemplo restaré 200 a cada uno.

Asi que el codigo se verá así:


<object width="225" height="144"><param name="movie" value="http://www.youtube.com/v/YPc3ghd8Kas&hl=es_ES&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YPc3ghd8Kas&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="225" height="144"></embed></object>

y el video queda de este tamaño

Publica cualquier tipo de contenido en tu blog con embedit.in

2009-11-25T10:31:00.000-08:00

Embedit.in es una de esas páginas que surgieron para solucionar un problema o limitación que tienen los blogs. Sabemos que archivos populares con formato .pdf o .doc no se pueden publicar directamente en un blog, pero con este sitio eso es posible gracias a que permite publicar toda clase de contenidos en un blog de forma gratuita. Además es totalmente personalizable

Entre los archivos se encuentran:

documentos de: word, excel, powerPoint
archivos de texto: txt, rtf, csv
vectores gráficos: api, eps, ps
códigos: html, sql, js
imágenes: gif, jpeg, png, tiff, bmp, psd
también páginas web y url's

Publicar es muy fácil, sigue estos pasos:

1. Ve a la página

2. Da clic en "select Files..."

3. Elige el archivo

4. Copia el código que aparece en el recuadro y pégalo en una entrado en tu blog

También te puede interesar

Agregar Música al blog o página con eSnips

Agregar código javascript o HTML en Blogger
Subir archivos doc o pdf al blog con Scribd
Crear contador de visitas con Histats.com

¿ Qué es Google Chrome OS?

2009-11-20T08:05:00.000-08:00

Aquí dejo un video que encontre en youtube que explica en que consiste Google Chrome OS. Es bueno ir conociendo las novedades que tendrá este sistema operativo que se propone destronar a Windows. Creo que este sistema operativo ya se puede descargar en su versión Beta pero no estoy muy seguro.
A modo de Adelanto.
Nota: El video esta en inglés, es que no lo puede conseguir en Español

Las 25 mejores Tutoriales de Photoshop del año 2009

2009-11-19T16:56:00.000-08:00

En el blog webdesignledger publicaron un excelente artículo en el cual recopilaron según su criterio las 25 mejore tutoriales del año. Todas estan muy recomendables, tienen la contra que son en inglés, pero son muy intuitivas y con ilustraciones que permiten entenderlas a cualquiera que tenga conocimiento de photoshop

Si querés más
Tutoriales Photoshop

Agrega efectos a tu foto

Adobe Photoshop 8 versión completa

Diccionarios Informáticos

2009-11-17T11:14:00.000-08:00

Si eres nuevo en el mundo de la informática o no dominas todos los términos de dicho mundo y se te hace díficil entenderlo . Te recomiendo el diccionario informático en el cual podrás encontrar el significado de todas las palabras que son moneda corriente en dicha materia.

Otra opción es el diccionario que ofrece la web del programador que cuenta con 2.217 definiciones hasta el momento

Capaz te interese leer también
Manual para crear tu blog desde cero

Conocer la calidad y la velocidad de nuestra conexión a Internet

2009-11-17T10:45:00.000-08:00

Hay muchísimas páginas que ofrecen de forma gratuita testear la velocidad de una conexión a internet. Pero una conexión rápida no significa que la conexión sea buena. Para calificarla hay que tomar en cuenta otros factores. Por ejemplo podemos tener un buena velocidad de descargar pero que sea muy inestable, es decir que la velocidad por momentos sea rápida y por momentos baje a una muy lenta.
Páginas que nos permitan conocer estos datos hay menos. Pero navegando por la dichosa red encontre una que permite obtener numerosos datos de la conexión. Así también se encarga de calificar la conexión en una escala que va desde una A (excelente) hasta una F(muy pobre)
Dentro de los datos que nos permite comprobar son el ping :que es el tiempo que demora en conectarse un servidor con un cliente.
También permite saber el jitter :que son esos cambios o saltos de velocidad de un momento a otro

El sitio web es www.pingtest.net . La forma en que presenta los datos es muy recomendable, la página esta en inglés pero todo se puede entender por medio de las ilustraciones

Para conocer la velocidad de subida y bajada www.speedtest.net

Discurso de Steve Jobs en Stanford

2009-11-17T10:21:00.000-08:00

Este es un video muy conocido y difundido por la web el cual quiero compartir los lectores de este blog que aún no lo han visto.
Steve Jobs es el co-fundador de Apple y una de las personas más conocidas del mundo de la Tecnología. En esta oportunidad se dirige a los graduados de Stanford con un discurso motivador con muchos relatos de su propia vida. El video está muy bueno. Hay que mirarlo

El video esta en inglés con subtitulos en español

Descripción de los formatos de películas más comunes

2009-11-11T16:00:00.000-08:00

La diversidad de formatos de peliculas que circulan por la red es tan grande que uno puede hacerse un mareo. Pero es fundamental tener una noción básica de los formatos para no llevarse algunas sorpresas.
Jonathan Préstamo Rodríguez ha hecho una mini guía "para entender las calidades de las películas descargadas y no morir en el intento" en su blog tecknoplof que no tiene desperdicio y por eso quiero compartirla

Cuando tenemos la intención de descargar una película de Internet por medio de cualquier software de intercambio entre pares o P2P (eMule, eDonkey, Azureus, Ares, uTorrent, Pando…), al realizar una búsqueda es posible que obtengamos numerosos archivos de la película que deseamos descargar. El tamaño de estos archivos puede variar, así como su calidad de audio y vídeo, desde 600 Mb hasta más de 4 Gb, aproximadamente. Ello es debido a la forma en que ha sido copiada la película, y es
que no es lo mismo una copia exacta de un DVD que una grabación clandestina con una cámara de vídeo en una sala de cine.

Por norma general existe una regla no escrita entre las personas que se dedican a ripear películas a la hora de nombrar los archivos que comparten. Seguro que, tras una búsqueda en eMule, más de una vez nos hemos tropezado con nombres de archivos de película como el siguiente:

Juegos de Guerra 2 (Spanish) 2007 DVDRIP Xvid-Mp3 (Centraldivx.com).avi

Es posible que nunca nos hayamos parado a observar todo lo que va más allá del título, pero lo cierto es que nos ofrece toda la información necesaria para saber la calidad que obtendremos tras la descarga.

Después del título aparece el idioma de la película entre paréntesis y el año de la producción. Con respecto a estos términos no comentaré nada más, porque son lo suficientemente claros como para arrojar más luz sobre el tema. Simplemente apuntar que el idioma puede aparecer escrito en inglés (lo más común) como en este ejemplo (Spanish), puede aparecer en español (Español), o incluso abreviado (ES, SP, ESP, SPA, etcétera). A la hora de realizar una búsqueda es conveniente introducir alguno de
estos términos para cribar los resultados al máximo.

Lo que sigue al año de producción (DVDRIP Xvid-Mp3) es precisamente lo que nos informa sobre la calidad en la que está ripeada la película. En este caso vemos que es una copia directa de DVD (DVDRIP), que el códec de vídeo es Xvid y el de audio es MP3.

Vamos a ver a continuación las distintas calidades que puede tener un archivo de película y cómo se especifica, generalmente, en su nombre. Comenzaremos por la calidad peor y terminaremos por la mejor.

continuar leyendo el artículo

1. Cam

En el nombre de archivo aparece como: CAM

Origen del vídeo: Cámara (sin trípode, generalmente)

Origen del audio: Cámara

Calidad de vídeo: Muy baja

Calidad de audio: Muy baja

Este tipo apenas se usa en España por su baja calidad. Se corresponde con la grabación directa del vídeo y el audio en una sala de cine por un espectador, sin trípode ni ningún tipo de interés porque la calidad sea mínima.

Suelen ser estrenos muy recientes.

2. TeleSync

En el nombre de archivo aparece como: TS, TS-Screener, Telesync o Screener

Origen del vídeo: Cámara (con trípode)

Origen del audio: Origen externo limpio

Calidad de vídeo: Baja-Media

Calidad de audio: Media

Esta calidad es la más usual para los screeners en España. El video es una grabación en la sala de cine con una cámara montada sobre trípode, y la calidad puede ser muy buena o nefasta, dependiendo de quién realice la grabación, con qué tipo de cámara y en qué condiciones (cine cerrado o con gente, iluminación, etcétera). El audio se obtiene de un medio externo limpio de ruido y, posteriormente, se sincroniza con la imagen mediante software. Este medio externo suelen ser los conectores de audífonos especiales para sordos de algunos cines o el sistema principal de sonido de la sala.

A este tipo se le suele llamar screener a secas. Suelen ser estrenos recientes.

3. VHS-Screener / VHS-Rip

En el nombre de archivo aparece como: VHS-Screener, VHS-Rip

Origen del vídeo: Cinta VHS

Origen del audio: Cinta VHS

Calidad de vídeo: Media

Calidad de audio: Media

Son películas ripeadas directamente desde una cinta VHS. La calidad es la de la cinta en cuestión.

Suelen ser antiguas películas descatalogadas o que no han aparecido en DVD.

4. TeleCine

En el nombre de archivo aparece como: TC, TC-Screener o Telecine

Origen del vídeo: Proyector de cine

Origen del audio: Proyector de cine

Calidad de vídeo: Media-Alta

Calidad de audio: Media-Alta

Este tipo de películas se traspasa directamente desde las salidas de los proyectores de cine a DVD o VHS. No era muy común verlas en España, pero ahora empiezan a irrumpir con fuerza.

Los países de Europa del Este y Rusia son los mayores productores de este tipo de calidades y, lo que se suele hacer, es extraer el vídeo de un TeleCine extranjero y sincronizar el audio captado en español en una sala de cine (algo parecido al DVD-Screener que se ve posteriormente).

Suelen ser estrenos recientes.

5. DVD-Screener

En el nombre de archivo aparece como: DVD-Screener o DVD-SCR

Origen del vídeo: DVD

Origen del audio: Origen externo limpio

Calidad de vídeo: Alta

Calidad de audio: Media

En este tipo de calidad el vídeo se extrae de un DVD promocional o de un DVD que ya ha salido en otros países antes que en España. El audio se obtiene de un origen limpio como los mencionados en la sección de TeleSync. Posteriormente se sincronizan.

Suelen ser películas no muy recientes, al menos en España.

6. DVD-Rip

En el nombre de archivo aparece como: DVD-Rip

Origen del vídeo: DVD

Origen del audio: DVD

Calidad de vídeo: Alta

Calidad de audio: Alta

Este tipo se corresponde con el ripeo tal cual de un DVD. Tanto el vídeo como el audio se extraen del DVD original, por lo que la calidad es muy buena, siempre y cuando se realice por una persona experta en tales lides. Muchas veces aparece antes de que se publique la película original, vía copias previas enviadas a los críticos de cine. Esto hace que los rips de mala calidad desaparezcan o no lleguen ni a aparecer.

Son películas que ya han salido en DVD.

7. DVD-R

En el nombre de archivo aparece com: DVD-R

Origen del vídeo: DVD

Origen del audio: DVD

Calidad de vídeo: Muy alta

Calidad de audio: Muy alta

Este formato de calidad se corresponde con la copia exacta de todos o algunos de los contenidos de un DVD sin ripear, es decir, sin compresión alguna, por lo que no existe pérdida de calidad. Suelen contener la película en dos o tres idiomas e, incluso, los subtítulos.

El problema es que el tamaño de un DVD original es demasiado grande para copiarlo en un DVD grabable normal de 4,7 Gb (DVD-5). Podría caber en un DVD de doble capa (DVD-9) que permite hasta 8,5 Gb o en uno mayor (existe hasta DVD-18), pero estos soportes no suelen ser admitidos por la mayoría de los reproductores de DVD de salón ni por muchos reproductores informáticos de DVD. Por todo ello, a excepción de algunas películas antiguas de dibujos animados que no tienen mucha duración, los extras del DVD original no suelen ser incluidos en este
formato.

Son películas que ya han salido en DVD. Tienen grandes tamaños, cercanos a los 4 Gb o más. Se suelen distribuir en la red BitTorrent. Lo que descargamos son archivos .VOB, .IFO y .BUP que han de ser quemados como DVD de vídeo.

8. Imagen de DVD

En el nombre de archivo aparece como: ISO, NRG, BIN, CUE, MDF, MDS…

Origen del vídeo: DVD

Origen del audio: DVD

Calidad de vídeo: Muy alta

Calidad de audio: Muy alta

Las imágenes de DVD son copias exactas de DVD completos. En este caso se copia completamente un disco con la película, los idiomas, los subtítulos y todos los extras.

Son películas que ya han salido en DVD y que o bien no tienen muchos contenidos o bien duran menos que una película normal. Sobre todo películas de dibujos animados, actuaciones, vídeos musicales, documentales, series, etcétera.

9. BR-Rip

En el nombre de archivo aparece como: BR-Rip o BD-Rip

Origen del vídeo: BluRay Disc

Origen del audio: BluRay Disc

Calidad de vídeo: Excelente

Calidad de audio: Excelente

Son rips de discos BluRay con calidades 720p y 1080p. Al igual que con el resto de formatos, depende de la habilidad de la persona que lo genere para que la calidad sea mejor o peor. Aún así, a igual tamaño e igual proceso que un DVD-Rip, un BR-Rip tendrá mejor calidad simplemente porque la fuente es mejor.

Son películas ya aparecidas en BluRay Disc.

10. Otras denominaciones

Al calor de las anteriores denominaciones “oficiales” de calidades han ido apareciendo otras menos conocidas (la mayoría referidas a televisión para ripeos de series y películas) pero que cada vez van tomando más importancia. A continuación vamos a detallar algunas de ellas.

● TV-Rip: Es un rip directo de un programa o película de televisión.
● DVB-Rip: Rip a partir de una señal de TDT (Televisión Digital Terrestre).
● HDTV-Rip: Rip de televisión digital de alta definición.
● PDTV-Rip: Es un rip de televisión digital pura. Se obtiene con tarjetas sintonizadoras de televisión capaces de recibir TDT.
● DSR-Rip: Rip de satélite de señal digital.
● LD-Rip: Rip de LaserDisc.
● R5-Rip: DVD para la región 5 de Europa del Este, India, África, etc. Son copias hechas con un TeleCine analógico. Muy raras en España.
● Workprint (WP): Es un montaje no finalizado de una película que se envía a críticos y productores bastante antes de la versión final. Suelen ser películas con escenas que luego no aparecen en la versión definitiva, con marcas de agua, rótulos o contadores de segundos.

Además de la calidad de grabación de una película, es importante tener en cuenta el formato de vídeo y el formato de audio con los que está ripeada. El formato y el códec (del que hablaba al principio de este mini manual) están íntimamente relacionados, porque deberemos tener los codecs adecuados para reproducir tanto la imagen como el sonido de los distintos formatos. Además, los reproductores de salón sólo aceptan algunos de los formatos más conocidos y utilizados.

A continuación enumeraremos los más usuales con los que nos vamos a encontrar ripeada una película.

Formatos de vídeo

● DivX y Xvid (AVI): Son formatos de codificación con los que obtendremos calidades similares a los de un DVD. Permite comprimir casi 2 horas de película en, aproximadamente, 700 Mb. Es el más común de los formatos de vídeo.

● VídeoCD (VCD): Es el formato más veterano. Utiliza la compresión MPEG-1 a un bitrate fijo. Ofrece calidad de VHS y una película de 2 horas necesitará de 2 CD de 700 Mb para entrar correctamente. Es el formato más compatible.

● Súper VídeoCD (SVCD): Formato basado en compresión MPEG-2. Distribuye los bits de una forma más eficiente que el anterior. Es menos
compatible que el VCD. Una película necesitará de 2 ó 3 CD
de 700 Mb, pudiendo llegar a alcanzar calidad de LaserDisc.

● CVCD: Formato igual al VCD pero con mayor compresión.

● KVCD: Al igual que el anterior deriva del VCD pero con una tasa de
compresión todavía mayor.

● RAT-DVD: Este formato permite comprimir una película respetando
todo su contenido (menús, extras, subtítulos…) para ser visualizada exclusivamente en un ordenador con Windows XP, DirectX 9 y Windows Media Player 10 o WinDVD casi exclusivamente.

Formatos de audio

● MP3: Este códec (MPEG Layer 3) es el más extendido y compatible. Tiene como peculiaridad un ratio de compresión 11:1 sin pérdida de calidad de sonido audible.

● WAV: Formato propietario de Microsoft sin compresión.

● WMA (Windows Media Audio): De compresión parecida al MP3 y de
calidad también similar.

● AAC: Codificación estándar para audio reconocida por ISO en el patrón MPEG-2. En teoría almacena más que un MP3 y en menos espacio. Formato utilizado por Apple.

● AC3: Códec para reproducir audio en el sistema Dolby Digital AC3.

● RA (Real Audio): Soporte multimedia creado por la empresa Real Network, con una alta tasa de comprensión y algoritmos especiales que reducen considerablemente el tamaño de los archivos de sonido.

● OGG: Lo que diferencia a Ogg Vorbis del resto es que es gratuito, abierto y no está patentado. Su principal atractivo es la importante reducción que hace de un archivo de audio sin restarle calidad. Así mismo, se distingue por su versatilidad para reproducirse en prácticamente cualquier dispositivo.

Para terminar decir que además del formato de audio y vídeo y la calidad de ripeo, en el nombre de un archivo de película descargado podemos encontrar multitud de detalles más. Vimos al principio que suele aparecer el año de producción, el idioma (imprescindible) o el ripeador o sitio web que alberga el enlace. Pero también alguno de los siguientes
textos que voy a detallar.

● SUBBED XXX: La película tiene subtítulos incrustados en lenguaje XXX.

● DUBBED XXX: La película no está en versión original, está doblada al lenguaje XXX.

● WS: WideScreen. Dimensiones originales, con bandas negras.

● FS: FullScreen. A pantalla completa, sin bandas negras.

● REPACK: Cuando alguna película ha salido ripeada con algún fallo, puede aparecer otra con esta leyenda indicando que está solventado.

● NUKED: No aprobada. Versión que no cumple las reglas de ripeo acordadas. Puede haber varias razones (BAD A/R, BAD ASPECT RATIO, BAD IVTC…).

● PROPER: Según las normas no escritas, el primero que saca una película
(normalmente TS-Screener o TC-Screener) gana la "carrera" y nadie más puede publicar esa misma película. Pero si la calidad de la primera publicación es muy mala, otro grupo tendrá "el permiso" de publicarla como una versión "apropiada".

● LIMITED: Significa que se ha visto en menos de 250 cines (en EEUU).

● INTERNAL: De distribución interna. Algunas películas se distribuyen de esta forma por varios motivos. Normalmente es para recuperar viejos ripeos en DVD (es decir, duplicar una película ya publicada hace tiempo) o cuando la fuente es una grabación de mala calidad.

Como resumen podríamos decir que es muy importante leer el nombre del archivo de película que nos vamos a descargar, ya que no es lo mismo, como hemos podido comprobar, que sea TS-Screener o DVD-Rip, que el códec de vídeo sea Xvid o VCD o que sea WS o FS.

Teniendo estos pocos detalles en cuenta, seguro que lo que bajemos de Internet será más adaptado a lo que deseamos obtener en una primera vez y únicamente descargando un único archivo por película.

Capaz te interese leer también
¿Que es el Feed? ¿Qué es RSS?
Convertir videos de celulares a otros formatos
Convertir y grabar películas para ver en cualquier DVD

Convertir PDF

2009-11-07T07:43:00.000-08:00

Convertir en formato PDF

Convertir de formato PDF a otros formatos de archivo

El formato PDF es un formato liviano que permite cargar y descargar documento de texo para visualizarlos sin tener el programa con que se generaron y de un modo más liviano.
Por ejemplo: podemos leer en pdf un documento creado con la última versión de word sin tenerla instalada desde internet o localmente muy bien sin mayores problemas. Muchas veces queremos enviar un documento de word a alguien pero resulta que este no tiene la versión que nosotros tenemos y no lo puede abrir, eso se solucionaría tranformando dicho documento a pdf, cualquiera lo podrá ver y leer aunque no tenga ninguna versión de word. Sólo requiere que tengamos intalado la ultima versión de Adobe fácil de descargar y gratis desde su sitio oficial y que generalmente todos la tenemos instalada ya que al navegar en la red muchas veces se nos sugiere hacerlo para ver más información.

Para pasar de Word a PDF
Les recomiendo un programa sencillo que pueden descargar desede aquí llamado Cute Writer , se instala fácilmente en segundos. Sólo sirve para pasar de word a pdf y una vez instalado casi no lo notarán en su ordenador o computadora. Actúa como si fuera una impresora de word, una vez abierto el texto a convertir en word o escrito, deberán ira a imprimir del menú Archivo, luego elegir CutePDF Writer como impresora en la opción nombre, dar aceptar y listo convierte su .doc en .pdf. Muy recomendable y sencillo
href="http://www.cutepdf.com/download/CuteWriter.exe">Descargar CutePDF Writer

Para pasar de PDF a Word
Un programa sencillo y fácil de utilizar (pese a que esté en inglés) es "Free PDF", además es muy intuitivo, una vez instalado lo abrimos e indicamos en el primer espacio en blanco la ruta del documento en pdf a transformar y en el segundo espacio en blanco el lugar donde queremos que genere el nuevo documento. Sólo restará dar click el botón converter y listo generará el documento en segundos. Funciona muy bien con imágenes y tablas. Aquí les dejo una imagen de la ventana principal de este programa:

Descargar Free PDF

Ahora para darles mayores opciones les paso a dejar un sitio donde podemos descargar programas para convertir pdf a otro formato o al revés, deberán poner ateción algunos son de pago y otros free:
Pinchar aquí

Buena lista con tutoriales para aprender más sobre programación

2009-11-06T15:41:00.000-08:00

ABC nos ofrece una buena lista de tutoriales a tener en cuenta para aprender más
Verlos pinchando aquí

Visor de Imágenes panorámicas con JQuery

2009-11-04T10:22:00.001-08:00

Crear un visor de imágenes panorámicas con JQuery

Como les prometí continué mi búsqueda de distintas opciones para colocar imágenes o fotografías panorámicas en una web...
Fue entonces que encontré una buena opción usando JQuery (Ver Ejemplo) , aquí les dejo los pasos:

1. Descargar el archico jquery.panorama.zip y descomprimirlo. En él se ecuentran todos los archivos para lograr el efecto; esta carpeta deberá estar en tu sitio web contiene estilos css, scripts y una carpeta para las imágenes, en ella deberás colocar tú imagen panorámica.
Descargar aquí
2.Coloca en el head de tu página el siguiente código.


<link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" />

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

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

3.Este otro código colócalo en el cuerpo de tu web (body) donde deberá aparecer el visor.


<img src="img/atelier.jpg" class="panorama" width="2642" height="375" />

Modifica donde dice img/atelier.jpg, por el nombre de tu archivo de imagen colocado en al carpeta img
Pruébalo se ve muy bien...
Si te queda una duda no dudes en dejarme un comentario...

Si te interesa el tema tienes más información y opciones en la siguiente web (muy recomendable)
Panorámicas 360º, 8 formas de incrustarlas

¿Cómo colocar una imagen panorámica o fotografía panorámica en tu web o blog?

2009-11-04T02:57:00.000-08:00

Cargar fotografías panorámicas en un sitio web

Todos hemos visto el buen efecto que tiene entrar en una web y ver una imagen panorámica... Pues se me ocurrió que deberíamos saber como colocar una imagen panorámica en nuestro blog.
Lo primero a tener en cuenta es saber como hacer una imagen panóricamica. Para quienes manejan photoshop este puede ser una buena opción, para quienes prefieren un programa más sencillo y fácil para crear panorámicas, les digo que hay varios en la web, a mí me gustó este: (que además es free o gratis)
Microsoft ICE
Lo puden descargar en varios lugares, yo aquí les dejo una opción.
El proceso es muy sencillo luego de sacar varias fotografías de todos los planos de nuestra paisaje o lugar del que se quiere crear la panorámica, se abren dichos archicos de las distintas imágenes tomdas con este programa y él mismo se encarga de unirlas todas, luego realizamos el recorte deseado y listo , ya tienen la panorámica...
Ahora una vez que tenemos nuestra panorámica la pregunta es : ¿Cómo cargamos o subimos la fotografía panorámica el sitio web?
Encontre varías opciones, algunas más complejas como:
El Mundo de las panorámicas
con el beneficio de ser en español
Y otra más sencilla e intuitiva pero en inglés (no teman es fácil)
www.clevr.com
Una vez realizado el registro te permite subir tus fotos panorámicas y te da un código para poderlas pegar en tu web...
(Atención: cuando la intenten pegar un post o publicación de vuestro blog les dara que no acepta la etiqueta embed no hagan caso la publica igual y se ve muy bien)
Aquí les dejo el ejemplo:

Espero les guste y les sirva...
De todos modos vamos a seguir investigando sobre el tema pues hay mucho más al respecto por descubrir...
Astillero Gijón

Agregar nuevos formatos o fuentes de letras

2009-10-30T07:01:00.000-07:00

Como hacer para agregar un nuevo tipo de letra

Como agregar fuentes

Es muy sencillo, aquí dejo los pasos:

1. Clic en Inicio y, a continuación, haga clic en Ejecutar.
2. Escriba %windir%\fonts y haga clic en Aceptar.
3. En el menú Archivo, haga clic en Instalar nueva fuente.
4. Se abrirá una carpeta que contiene todo las fuentes actuales en ella pegar el archivo de la nueva fuente bajada
7. Haga clic en Aceptar.
8. Listo

A continuación dejo un muy buen sitio donde se pueden descargar fácilmente varias fuentes:
www.fontreactor.com

¿Cómo hacer que mi página aparezca en los resultados de Google?

2009-10-29T18:29:00.000-07:00

Todo aquel que tenga una página web o un blog y quiera darse conocer no puede permitirse el lujo de no aparecer en los resultados de Google ¿De que otra forma pues las personas llegarían al sitio? Seguro hay otras formas pero estar indexado en un buscador como Google es de vital importancia.
Si quieres aparecer en la lista de resultados, necesitas hacer un par de cositas para que Google te encuentre. Puede ser que Google ya te haya encontrado a ti primero, si aún no sabes como es tu situación o tienes dudas te recomiendo este truco, asi podrás saber si su sitio aparece o no, en caso que no aparezca tranquilo, aquí te explicare como lograr que aparezcas.
Para sacarte la dudas lo que debes hacer es poner en la barra de busquedas de Google los siguiente: site:midirecciónweb y apretar enter, así de sencillo "midirecciónweb" es la dirección completa de tu sitio (no no necesitas agregar http://) si tu página se ecuentra ya indexado aparecerán resultados, te recomiendo también que pruebes algunas variantes como tu página pero sin www adelante y cosas así porque puede que indexado de otra forma
Otra manera si tienes un blog es ir a http://www.ismyblogworking.com escribir tu dirección y el sitio se encargará de proporcionarte esa información tal como explico en la entrada Conocé si tu blog funciona bien

Muy bien si descubriste que tu sitio no esta indexado has lo siguiente.

Pasos para indexar tu página en Google

1. Debes ir a http://www.google.com/intl/es/addurl.html

2. Una vez allí completas los datos que te piden. En el campo URL escribe la dirección de la página principal de tu sitio, también puedes agregar un comentario si lo deseas.

Estos son todos los pasos, pero sin embargo de esta forma Google puede demorar meses en indexarte, incluso puede que ni lo hagan como ellos mismo te dicen en su página. Pero no te precupes lee los consejos que te dejo a continuación y te aseguro que en cuestión de horas tu sitio estará entre los resultados del gigante de la web Google

Recomendaciones para aparecer en un buscador en cuestión de horas

Antes que nada bien vale una explicación de como funciona Google así tu mismo también podrás entender como agilizar el proceso.
Google utiliza unos robots llamados googlebots que son como muchos dicen una especie de arañitas que recorren la red recogiendo datos de las páginas. Estos robots cuando se encuentran con un enlace lo siguen hasta donde los lleven y nuevamente empiezan a recorrer la nueva página hasta que se encuentren con otro enlace que los lleve a otro lugar y asi sucesivamente. Lo fantástico de esto es que cuando recorran una página que tenga un enlace hacia la tuya, este los llevará y así te encontran.
Ya he explicado brevemente como funciona un buscador, ahora paso a las recomendaciones

Leer más

Las 10 recomendaciones para que tu sitio sea indexado rápidisimo

No insistas

Llene el formulario de indexación a google una sola vez, de hacerlo muchas veces puede que te consideren spam o vaya a saber que y decidan no agregarte. En la vida todo es con prudencia

2.

Agrega tu página cuando ya tengas algo publicado

Siempre debes procurar tener algún contenido en tu web por más poco que sea

3.

Consigue enlaces

Por lo que te explicaba anteriormente es de vital importancia que consigas algún enlace en páginas que ya formen parte de los resultados de google, cuantos más consigas mejor

4.

Date a conocer en foros y blogs

Deja comentarios o contesta preguntas en algúna de estas plataformas ya que los buscadores le tienen "cariño" a este tipo de sitios

5.

Cree un sitemaps

Más adelante publicare una entrada de como hacerlo.

6.

Regístrate en un directorio

Te recomiendo que antes de esto te asegures de tener contenido en tu web ya que sino estos te rechazarán

7.

Comentá un sitio de contenidos similares

Ayudara a que te encuentren más fáciles

8.

Asegúrate que tu página no tenga únicamente contenido flash
Los buscadores no indexan este contenido

Asegúrate de no tener enlaces rotos

Es decir enlaces que no lleven a ningún lado, también es importante que tu página este bien estructurada

10.

Regístrate en Google analytics

Esto le dará muchas ventajas. En esta entrada explico como hacerlo Como registrarse en Google Analytics

Te aseguro de que si sigues estas recomendaciones no pasarán muchas horas para que disfrutes de las ventajas de un buscador.
No es necesario que sigas todas las recomendaciones, las más importante es la de conseguir enlaces. No tiene que ser necesariamente permanentes alcanza con un par de comentarios en blogs.

Murió GeoCities

2009-10-26T14:16:00.000-07:00

Quién supo ser en su momento el cuarto sitio más grande de internet, hoy 26 de octubre del 2009 ha pasado a la historia.
Este sitio fue creado en 1994 por David Bohnett y John Rezner. Se destacaba porque permitia a sus usuarios crear páginas y alojarlas de una manera totalmente novedosa. Estas se alojaban por barrios dependiendo del contenido de la misma. Así por ejemplo si se trataba de noticias de la farandula pertenecía al barrio Hollywood, si se trataba de animé a Tokio.

En el año 200 GeoCities fue adquirido por Yahoo! generando el descontento de usuarios que cambiaron de servidor. Desde ese día Yahoo! tomo más medidas de las cuales muchas tuvo que revocarlas por su baja aceptación
No obstante la causa de cierre fue sin dudas su poca rentabilidad. La única fuente de ingresos con que contaba era la publicidad.
Tras este hecho uno puede ver como los sitios muy populares no siempre arrojan buenos dividendos económicos. Esto puede generar que cada vez más sitios empiecen a cobrar por sus servicios. Espero sinceramente que esto no ocurra y que se encuentre otra manera de generar ingresos.
GeoCities hizó historia y ahora es historia...

Conocé si tu blog funciona bien

2009-10-23T14:23:00.000-07:00

Encontré un página http://www.ismyblogworking.com que permite conocer algunos datos sobre nuestro blog o página.
Entre los datos que ofrece:

La dirección del servidor
Si el sitio fue indexado por Google
Si el sitio fue indexado por Bing
El tamaño de la página
Tiempos de acceso
y más...

La página es muy sencilla, para poder acceder a los datos alcanza con escribir la dirección de nuestro blog

Escribir entradas con un Software de edición

2009-10-23T13:47:00.000-07:00

Para los que quieren escribir entradas en su blog sin tener que acceder a la página de blogger o wordpress les recomiendo Zoundry Raven una poderosa aplicación de edición, totalmente en español y gratuita.
La ventaja que presenta esta aplicación frente a otras del mismo estilo es la opción que ofrece de instalarlo de forma portable.

También permite visualizar y editar entradas escritas anteriormente.
Con este software se podrá manejar las entradas como si estuviéramos en la página.
Zoundry Raven permite además administrar más de un blog a la vez. Soporta Wordpress, Wordpress.com, Blogger, Windows Live Spaces, Moveable Type, TypePad y LiveJournal
Otra ventaja de este programa es que las imagenes las sube al servidor imageshack lo que permite ahorrar espacio del blog

El programa es muy recomendable, ahora mismo estoy escribiendo desde él
Descargar Zoundry Raven

Otra entradas que te pueden ser de interés
Dreamweaver 8 Portable en Español

Hasta Blogger falla.....

2009-10-23T13:27:00.000-07:00

En la pasada noche uno de los servicios más populares de google, donde se estiman existen 15 millones de blogs personales estuvo caído.
Esta no es la primera vez que le pasa, pero nunca antes había sido de esta magnitud, esta vez el servicio se cayó por completo, no pudiéndose ingresar a ningún blog, ni siquiera a los blog oficiales de blogger
El problema duró aproximadamente 2 horas, y se fue solucionando paulatinamente.
Justo esto se produce en la misma semana en que Skype también tuvo un problema similar.
El efecto sobre la red es inimaginable, millones de personas tratando de ingresar a un blog y encontrándose con errores de la forma bX-59cppw que vaya a saber uno que significan, personas expresando sus quejas en twitter y foros, preguntándose como solucionar el error y pidiendo expliaciones
No se han comunicado las razones del hecho, pero da para pensar, lo vulnerable que puede ser la red, ¿alguien se imagina un día entero sin Internet?

Si alguien vivió en carne propia esta "apagón" no encantaría tener su comentario.

Otro código muy bueno para un formulario en PHP

2009-10-22T08:59:00.000-07:00

Aquí les dejó otro código en PHP listo para funcionar como formulario con campos requeridos, este post es la continuación de Formulario en PHP

1   <?php 
2  $primeravez = FALSE; 
3  if (empty($_POST["botEnviar"])) 
4  { 
5       $primeravez = TRUE; 
6       $_POST["nombre"] = ""; 
7       $_POST["apellidos"] = ""; 
8       $_POST["fechanacimiento"]= ""; 
9       $_POST["direccion"] = ""; 
10       $_POST["poblacion"] = ""; 
11       $_POST["provincia"] = ""; 
12       $_POST["codpostal"] = ""; 
13       $_POST["email"] = ""; 
14       $_POST["telefono"] = ""; 
15  } 
16  ?>           
17  <html> 
18  <head> 
19  <title>Registro en tiendaDETALLES</title> 
20  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
21  <script language="JavaScript" type="text/JavaScript"> 
22  <!-- 
23  function MM_reloadPage(init) {  //reloads the window if Nav4 resized 
24    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { 
25      document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} 
26    else if (innerWidth!=document.MM_pgW  innerHeight!=document.MM_pgH) location.reload(); 
27  } 
28  MM_reloadPage(true); 
29  //--> 
30  </script> 
31  <link href="file:///C/Documents and Settings/carlosgarcia/Escritorio/estilo.css" rel="stylesheet" type="text/css"> 
32  </head> 
33   
34  <body background="file:///C/Documents and Settings/carlosgarcia/Escritorio/images/Fondo.jpg"> 
35  <p class="camporegistro">&nbsp;</p> 
36  <p class="camporegistro">&nbsp;</p> 
37  <div id="Layer2" style="position:absolute; left:72px; top:33px; width:699px; height:221px; z-index:2">  
38    <p><strong>DATOS PERSONALES</strong> </p> 
39         <?php 
40       if (!$primeravez) 
41       { 
42            if (empty($_POST["nombre"])) 
43                 echo "<p class='error'>Falta rellenar el campo Nombre</p>"; 
44            if (empty($_POST["apellidos"])) 
45                 echo "<p class='error'>Falta rellenar el campo Apellidos</p>"; 
46            if (empty($_POST["email"])) 
47                 echo "<p class='error'>Falta rellenar el campo Email</p>"; 
48                      //validación de mail con una expresión regular... 
49                      elseif (!eregi("^[a-zA-Z0-9_\-\.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$", $_POST["email"])) 
50                      echo "<p class='error'>El Email no es Válido (nombre@empresa.algo) </p>"; 
51            if (empty($_POST["password"])) 
52                 echo "<p class='error'>Falta rellenar el campo Contraseña</p>"; 
53       }           
54     ?> 
55    <form name="form1" method="post" action=""> 
56      <table width="100%" border="0" cellpadding="4"> 
57        <tr>  
58          <td class="camporegistro">Nombre*:</td> 
59          <td> <input name="nombre" type="text" id="nombre" size="50" value="<?php echo $_POST['nombre']; ?>"> </td> 
60        </tr> 
61        <tr>  
62          <td class="camporegistro">Apellidos*:</td> 
63          <td><input name="apellidos" type="text" id="apellidos" size="70" value="<?php echo $_POST['apellidos']; ?>"></td> 
64        </tr> 
65        <tr>  
66          <td><p class="camporegistro">Fecha de nacimiento:</p></td> 
67          <td><input name="fechanacimiento" type="text" id="fechanacimiento" value="<?php echo $_POST['fechanacimiento']; ?>"></td> 
68        </tr> 
69        <tr>  
70          <td height="101" class="camporegistro">Direcci&oacute;n:</td> 
71          <td width="90%"> <textarea name="direccion" cols="70" rows="4" id="direccion" value="<?php echo $_POST['direccion']; ?>"></textarea>  
72          </td> 
73        </tr> 
74        <tr>  
75          <td class="camporegistro">Poblaci&oacute;n:</td> 
76          <td class="camporegistro"><input name="poblacion" type="text" id="poblacion" size="50" value="<?php echo $_POST['poblacion']; ?>"> 
77            &nbsp;&nbsp;&nbsp;Tel&eacute;fono:  
78            <input name="telefono" type="text" id="telefono" value="<?php echo $_POST['telefono']; ?>"></td> 
79        </tr> 
80        <tr>  
81          <td class="camporegistro">Provincia:</td> 
82          <td class="camporegistro"> <select name="provincia" id="provincia""> 
83              <option <?php if ($_POST["provincia"] == "La Coruña") echo "selected"; ?>>La Coru&ntilde;a</option> 
84              <option <?php if ($_POST["provincia"] == "Pontevedra") echo "selected"; ?>>Pontevedra</option> 
85              <option <?php if ($_POST["provincia"] == "Lugo") echo "selected"; ?>>Lugo</option> 
86              <option <?php if ($_POST["provincia"] == "Orense") echo "selected"; ?>>Orense</option> 
87              <option <?php if ($_POST["provincia"] == "Asturias") echo "selected"; ?>>Asturias</option> 
88              <option <?php if ($_POST["provincia"] == "Cantabria") echo "selected"; ?>>Cantabria</option> 
89              <option <?php if ($_POST["provincia"] == "Vizcaya") echo "selected"; ?>>Vizcaya</option> 
90              <option <?php if ($_POST["provincia"] == "Guipúzcoa") echo "selected"; ?>>Guip&uacute;zcoa</option> 
91              <option <?php if ($_POST["provincia"] == "Álava") echo "selected"; ?>>&Aacute;lava</option> 
92              <option <?php if ($_POST["provincia"] == "Navarra") echo "selected"; ?>>Navarra</option> 
93              <option <?php if ($_POST["provincia"] == "La Rioja") echo "selected"; ?>>La Rioja</option> 
94              <option <?php if ($_POST["provincia"] == "Huesca") echo "selected"; ?>>Huesca</option> 
95              <option <?php if ($_POST["provincia"] == "Zaragoza") echo "selected"; ?>>Zaragoza</option> 
96              <option <?php if ($_POST["provincia"] == "Teruel") echo "selected"; ?>>Teruel</option> 
97              <option <?php if ($_POST["provincia"] == "Lleida") echo "selected"; ?>>Lleida</option> 
98              <option <?php if ($_POST["provincia"] == "Barcelona") echo "selected"; ?>>Barcelona</option> 
99              <option <?php if ($_POST["provincia"] == "Girona") echo "selected"; ?>>Girona</option> 
100              <option <?php if ($_POST["provincia"] == "Tarragona") echo "selected"; ?>>Tarragona</option> 
101              <option <?php if ($_POST["provincia"] == "Islas Baleares") echo "selected"; ?>>Islas Baleares </option> 
102              <option <?php if ($_POST["provincia"] == "Castellón") echo "selected"; ?>>Castell&oacute;n</option> 
103              <option <?php if ($_POST["provincia"] == "Valencia") echo "selected"; ?>>Valencia</option> 
104              <option <?php if ($_POST["provincia"] == "Alicante") echo "selected"; ?>>Alicante</option> 
105              <option <?php if ($_POST["provincia"] == "Huelva") echo "selected"; ?>>Huelva</option> 
106              <option <?php if ($_POST["provincia"] == "Sevilla") echo "selected"; ?>>Sevilla</option> 
107              <option <?php if ($_POST["provincia"] == "Córdoba") echo "selected"; ?>>C&oacute;rdoba</option> 
108              <option <?php if ($_POST["provincia"] == "Jaén") echo "selected"; ?>>Ja&eacute;n</option> 
109              <option <?php if ($_POST["provincia"] == "Granada") echo "selected"; ?>>Granada</option> 
110              <option <?php if ($_POST["provincia"] == "Almería") echo "selected"; ?>>Almer&iacute;a</option> 
111              <option <?php if ($_POST["provincia"] == "Málaga") echo "selected"; ?>>M&aacute;laga</option> 
112              <option <?php if ($_POST["provincia"] == "Cádiz") echo "selected"; ?>>C&aacute;diz</option> 
113              <option <?php if ($_POST["provincia"] == "Murcia") echo "selected"; ?>>Murcia</option> 
114              <option <?php if ($_POST["provincia"] == "Cáceres") echo "selected"; ?>>C&aacute;ceres</option> 
115              <option <?php if ($_POST["provincia"] == "Badajoz") echo "selected"; ?>>Badajoz</option> 
116              <option <?php if ($_POST["provincia"] == "León") echo "selected"; ?>>Le&oacute;n</option> 
117              <option <?php if ($_POST["provincia"] == "Palencia") echo "selected"; ?>>Palencia</option> 
118              <option <?php if ($_POST["provincia"] == "Burgos") echo "selected"; ?>>Burgos</option> 
119              <option <?php if ($_POST["provincia"] == "Zamora") echo "selected"; ?>>Zamora</option> 
120              <option <?php if ($_POST["provincia"] == "Valladolid") echo "selected"; ?>>Valladolid</option> 
121              <option <?php if ($_POST["provincia"] == "Soria") echo "selected"; ?>>Soria</option> 
122              <option <?php if ($_POST["provincia"] == "Salamanca") echo "selected"; ?>>Salamanca</option> 
123              <option <?php if ($_POST["provincia"] == "Ávila") echo "selected"; ?>>&Aacute;vila</option> 
124              <option <?php if ($_POST["provincia"] == "Segovia") echo "selected"; ?>>Segovia</option> 
125              <option <?php if ($_POST["provincia"] == "Guadalajara") echo "selected"; ?>>Guadalajara</option> 
126              <option <?php if ($_POST["provincia"] == "Cuenca") echo "selected"; ?>>Cuenca</option> 
127              <option <?php if ($_POST["provincia"] == "Toledo") echo "selected"; ?>>Toledo</option> 
128              <option <?php if ($_POST["provincia"] == "Ciudad Real") echo "selected"; ?>>Ciudad Real </option> 
129              <option <?php if ($_POST["provincia"] == "Albacete") echo "selected"; ?>>Albacete</option> 
130              <option <?php if ($_POST["provincia"] == "Madrid") echo "selected"; ?>>Madrid</option> 
131              <option <?php if ($_POST["provincia"] == "Santa Cruz de Tenerife") echo "selected"; ?>>Santa Cruz de Tenerife </option> 
132              <option <?php if ($_POST["provincia"] == "Las Palmas") echo "selected"; ?>>Las Palmas </option> 
133            </select> &nbsp;&nbsp;&nbsp;&nbsp;C&oacute;digo Postal:  
134            <input name="codpostal" type="text" id="codpostal" value="<?php echo $_POST['codpostal']; ?>"></td> 
135        </tr> 
136        <tr>  
137          <td class="camporegistro">Email*:</td> 
138          <td class="camporegistro"> <input name="email" type="text" id="email" value="<?php echo $_POST['email']; ?>"> 
139          </td> 
140        </tr> 
141        <tr>  
142          <td class="camporegistro">Contrase&ntilde;a*: </td> 
143          <td class="camporegistro"> 
144              <input name="password" type="password" id="password"> 
145            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Repetir contrase&ntilde;a:  
146            <input name="repetirpassword" type="password" id="repetirpassword"></td> 
147        </tr> 
148        <tr align="center">  
149          <td colspan="2" class="camporegistro"><input type="submit" name="botEnviar" value="Enviar" id="botEnviar">  
150            <input type="reset" name="botRestablecer" value="Restablecer" id="botRestablecer2"></td> 
151        </tr> 
152      </table> 
153    </form> 
154    <p>&nbsp;</p> 
155  </div> 
156  <p>&nbsp; </p> 
157  <div id="Layer1" style="position:absolute; width:185px; height:24px; z-index:1; left: 23px; top: 0px;">  
158    <p class="titulo"><font color="#0000FF" size="+1" face="Comic Sans MS">tiendaDETALLES.com</font><strong>  
159      </strong></p> 
160    </div> 
161  <p><span class="titulo"></span></p> 
162  <p><strong></strong></p> 
163  </body> 
164  </html> 
165

¿Cómo subir un archivo en Google site?

2009-10-21T16:07:00.000-07:00

Para subir un archivo a google site hay que hacer lo siguiente:

1. Ingresar al sitio
2. Más acciones/administar sitio/ archivos adjuntos
3. Luego en la ventana de la derecha en la parte superior dar clic en subir
4. Indicar donde esta alojado el archivo, y a que página se quiere subir

Este archivo se podrá descargar desde la página en que se subió como un archivo adjunto

Post Relacionados

La solución para subir archivos a mi blog
¿Cómo crear una página con google sites?
Llevar Estadisticas web con Google Analytics

¿Cómo crear una página con google sites?

2009-10-21T15:18:00.000-07:00

Para los que quieren tener una página, pero no tienen conocimientos de diseño, les recomiendo que utilicen este magnifico servicio de google.
Con google sites podrán tener una página totalmente personalizable, donde publicar contenido de forma sencilla, el servicio ofrece además la posibilidad de que la página se asemeje a un blog y también la posibilidad de subir archivos.
Pero seguro que ya conoces este servicio por lo que paso directamente a explicar como crear la página.

1. Ir a la página de site googles
2. Eliges la opción crear nuevo sitio ( deberás tener una cuenta de google previo a la creación)
3. Luego completas el formulario con tus datos, el nombre que quieres para tu sitio, etc
4. Eliges una plantilla
5. Escribes el código de verificación mostrado, y das aceptar y listo

Post Relacionados

10 Errores de Diseño Comunes
¿Cómo subir un archivo en Google site?

Colocar o publicar Código Fuente de PHP

2009-10-20T03:46:00.000-07:00

Cuando fui a publicar el post anterior me di cuente que Simple Code (servicio ya recomendado) NO sirve para código fuente php aunque si muy bien para código fuente en html ...
Busacando el la web encontré un buen tipo que en su sitio web creo un servicio para formatear código php y poder publicarlos... Funciona igual que Simple Code pero se aplica a php.
El sitio es el siguiente:
formatealo.terysoftware.com

Pubicaciones relacionadas:
Publicar código fuente html

Formulario en PHP

2009-10-20T02:54:00.000-07:00

Como crear un formulario en php con validación de campos incluido

"Todos podemos aprender algo nuevo y necesitar ayuda para ello..."

He pasado buen tiempo en la web, entre programadores y en foros para poder lograr algo tan sencillo como un formulario en php, que realice la validación de los campos en php y no en otro lenguaje, que además lo haga en la misma página y que no borre los campos que están correctos dejando una advertencia para los que están en error...
En la web hay varias páginas que lo pueden hacer por nosotros, pero me gustan los desafíos y quería hacerla yo desde cero....
Me llevó varios días pero tengo la satisfacción de haber aprendido mucho y de alcanzar mi meta, por eso hoy lo quiero compartir con ustedes, tal vez le acorte el camino a alguien.
Además debo agradecer el foro CCTW y al habitante Alpolo que fue quien con paciencia me ayudó a resolverlo...

1  
   <body>
2  
3         <p>
4          <!------- Comenzamos abriendo una etiqueta de php... ------>
5          <?php
6             //crearemos un if que la pulsar el boton enviar ejecute un else ok..
7               if(!$_POST['enviar']){
8            //Cerramos la etiquetas php y Empazamos con el codigo html que es lo más complicado..
9             ?>
10               <!------- El siguiente código es el del formulario -------->
11                   <form action="contactar.php" method="post" name="basico">
12                 <table border="0">
13                    <tr>
14                       <td>Nombre:</td>
15                       <td><input name="nombre" type="text" /></td>
16                    </tr>         
17                    <tr>
18                       <td>Apellido:</td>
19                       <td><input name="apellido" type="text" /></td>
20                    </tr>
21                    <tr>
22                       <td>Email:</td>
23                       <td><input name="email" type="text" /></td>
24                    </tr>
25                    <tr>
26                       <td><input name="enviar" type="submit" value="Enviar"/></td>
27                       <td><input name="" type="reset" value="Borrar"/></td>
28                    </tr>
29                 </table>
30                  </form>
31                <!------- Fin del código html del formulario ---------->     
32              <?php
33           //Abrimos las etiquetas de php y cerramos el if para empezar con el else, que es el que va a validar todo ok..
34           }else{
35           //Primero creamos la variables de cada campo del form y "pines" una función preconstruida de php para que no permita caracteres especiales ok......
36              $nombre = stripcslashes($_POST['nombre']);
37              $apellido = stripcslashes($_POST['apellido']);
38              $email = stripcslashes($_POST['email']);
39              //Creamos una varibles que va a contener la function array(), que es la que se va a encargar de ejecutar los errores ok..
40              //La llamamos $errores = array(); ....
41              
42              $errores = array();
43              
44              //Una vez tengamos definidas la variables $errores y las variables del campo del form entonces empezamos a crear los if de validación ok..
45              
46              if(!$nombre){
47                 $errores[] = "No ha definido el Nombre..!\n";
48              }
49              
50              if(!$apellido){
51                 $errores[] = "No ha definodo el Apellido..!\n";
52              }
53              
54              if(!$email){
55                 $errores[] = "No ha definido el mail..!\n";
56              }
57              
58              //una ves tengamos definodo las validaciones al no ingresar ningún datos en el form se ejecutaría, pero falta para que se ejecuten ok..
59              
60              //Hacemos la validación del form al no tener la palabra clave el arroba @, entonces ejecuta un error..
61              
62              if($email){
63                 $checkemail = "/^[a-z0-9]+([_\\.-][a-z0-9]+)*@([a-z0-9]+([\.-][a-z0-9]+)*)+\\.[a-z]{2,}$/i\n";
64                 if(!preg_match($checkemail,$email)){
65                    $errores[] = "El E-Mail no es v&aacute;lido, deber ser ejemplo@ejemplo.com..!\n";
66                 }
67              }
68              
69              //podríamos seguir dándole validaciones pero creo que aquí acaba.. Sería validar que campo podría terner de 10 a 10000, pero dejemosla así te parace jaja..
70              
71              // teniendo validado los campos del form entonces crearíamos un function preconstruida de php de esta forma, para que cuente lo errores que pueden haber ok..
72              
73              if(count($errores) > 0){
74                 foreach($errores AS $error)
75                    //si encuentra algún error lo que hace el echo es imprimirla en pantalla ok..
76                    echo $error."<br>\n";
77                        form(); 
78              }else{
79                 //En caso de no encontra error ejecuta el else..
80                 // y entonce crearíamos la function mail de php para que envie los datos ok..
81                 $TuMail = "Tumail@inf.com\n";
82                 $asunto = "Pruba de mi web...\n";
83                 $mensaje = "
84                    Nombre: $nombre \n\n
85                    Apellido: $apellido \n\n
86                    E-Mail: $email \n\n";
87                 if(mail($TuMail,$asunto,$mensaje)){
88                    echo "Tu mensaje fue envia con Ex&iacute;to, muy pronto nos pondremos en contacto con $nombre $apellido \n\n";
89                 }else{
90                    echo "Tu mensaje no se a podido Enviar debido a un problema de la Function Mail.. Puedeser que este desahabilitada..!\n";
91                 }
92              }
93           }
94          ?>
95  
96  </body>
97  
98   <?php
99               //Se vuelve a declarar el formulario dentro de la funcion form con el fin de que aparezca si hay errores 
100            //Declaramos la funtion de esta form ok..
101            function form(){
102  
103            //cerramos las etiquetas php y introducimos el codigo html ok..
104            //además colocaremos el siguiente código para cada input dentro de una etiqueta php : value="<?php echo $_POST['nombre del campo']; ?... como se muestra a continuación. Esto hará que no se borren los otros campos por el error de uno solamente, es decir no tener que volver a completar todos los campos por haber un error en uno , sino sólo el equivocado...
105            ?>
106                 <form action="contactar.php" method="post" name="basico">
107                 <table border="0">
108                    <tr>
109                       <td>Nombre:</td>
110                       <td><input name="nombre" type="text" value="<?php echo $_POST['nombre']; ?>" /></td>
111                    </tr>         
112                    <tr>
113                       <td>Apellido:</td>
114                       <td><input name="apellido" type="text" value="<?php echo $_POST['apellido']; ?>"/></td>
115                    </tr>
116                    <tr>
117                       <td>Email:</td>
118                       <td><input name="email" type="text" value="<?php echo $_POST['email']; ?>"/></td>
119                    </tr>
120                    <tr>
121                       <td><input name="enviar" type="submit" value="Enviar"/></td>
122                       <td><input name="" type="reset" value="Borrar"/></td>
123                    </tr>
124                 </table>
125                    </form>
126              <?php
127                 }
128            ?>

Funciona muy bien pueden probarlo en cuanto lo tenga en algún sitio les dejo un link para que vean el ejemplo

Publicaciónes relacionadas:
Agregar un formulario a tu web
Libro de PHP

Adobe Photoshop 8 versión completa

2009-10-16T16:56:00.000-07:00

Esta es la versión completa de este conocido programa de diseño. Viene con el serial incluido.

Datos Técnicos
Servidor: megaupload
Tamaño: 150 mb
Fuente: taringa
descargar photoshop

Post Relacionados

Photoshop CS4 edición liviana
Agrega efectos a tu foto
Tutoriales Photoshop

Una guía actual sobre posicionamiento de páginas web SEO

2009-10-16T16:01:00.000-07:00

Muchas veces es difícil conseguir un libro actual sobre un tema tan importante como es el posicionamiento. Muchos de los trucos y las cosas que se enseñan en algunos libros ya no sirven, por eso es fundamental conocer información de último momento.
La guía de referencia trata entre otros sobre:

Como funcionan los buscadores
Factores internos y externos que influyen en el posicionamiento
Uso de enlaces
Titulos y etiquetas
Técnicas penalizables
Posicionamiento para blogs
Posicionamiento para wordpress
Posicionamiento para videos
Herramientas

Pulsa aquí para para descargar la guía

Post Relacionados

Libro SEO Posicionamiento en Buscadores
Llevar Estadisticas web con Google Analytics
Gana Dinero Mientras Duermes: El Internet lo hace posible

La solución para subir archivos a mi blog

2009-10-16T15:15:00.000-07:00

Muchas veces puedes necesitar publicar un archivo de word o un PDF en tu blog, también pueden ser algún MP3 o archivo comprimido, o de cualquier otro formato. Pero como sabemos blogger no nos permite subir esa clase de archivos. Para poder hacer esto es necesario crear una cuenta en algún servidor que nos permita subir archivos y luego publicar la ruta del archivo en nuestro blog. Pero yo te voy a dar otra solución, que desde mi punto de vista es mucho mejor.
La forma es crear una página web con google site, lo cual es muy fácil. Si necesitas ayuda con eso accede a nuestra entrada en que lo explicamos ¿Cómo crear una página con google sites?
Cuando hayas creado el sitio subes el archivo a nuestro sitio de google, pegamos el enlace en nuestro blog y listo.
La solución me parece mucho mejor que recurrir a otra clase de servidores,
Primero porque las descargas se hacen directamente desde el blog si la necesidad de ir a otra página
Segundo porque los sitios de google nos permiten cambiarle el diseño, y modificarlos a gusto con lo que podrás hacer que tu blog y el sito de google funcionen coordinadamente tal como muchos hacen cuando agregan foros externos. Los visitantes sentirán que todo es el mismo sitio
Además en el sitio de google puedes organizar todo los archivos que maneja tu blog
¡pruébalo!

los hermanos carlos en google site

Post Relacionados

Agregar un formulario a tu blog o página web
¿Cómo crear un foro?
Agregar Música al blog o página con eSnips
Subir archivos doc o pdf al blog con Scribd

Dale efectos a tus fotos con Picjoke

2009-10-15T13:55:00.000-07:00

Andrew compartio con nosotros otra página para agregarle efectos a las imagenes, estan muy buenos y sobre todo es super fácil. En tres pasos tendrás pronto un potente efecto para compartir con tus amigos.
Esta es la página picjoke

Post Relacionados

Tutoriales Photoshop
Otra página para agregar efectos a tus fotos
Agrega efectos a tu foto

Photoshop CS4 edición liviana

2009-10-14T09:16:00.000-07:00

Para todos los amantes de photoshop aca les dejo una version más liviana.
Reduce el tiempo y el tamaño de instalación.
Sirve como una buena alternativa a las versiones portables.
El archivo para instalarlo solo pesa 64mb!!!!
Está totalmente en español

Descargar aqui
fuente: intercambiosvirtuales

Post relacionados
Tutoriales Photoshop
Fireworks Portable
Photoshop CS3 Portable Español

¿Cómo agrego emoticones en las entradas?

2009-10-12T13:39:00.000-07:00

Ya que algunos nos han pedido que expliquemos como agregar emoticones en blogger, utilizaremos los emoticones que creó benjamin0331 para esto

Primero que voy a aclarar que el procedimiento puede ser algo dificíl y engorroso, por lo cual pido que sigan los pasos tal cuál están y tomen las precauciones del caso. Principalmente guardar la plantilla antes que realizar algo.

1. Para poder agregar emoticones en las entradas primero hay que modificar algunas cosas en la plantilla para eso debes ir en tu blog a Diseño/ Edición de HTML. También te recuerdo que te conviene en este paso guardar tu plantilla

2 Inmediatamente antes de esta etiqueta


</head>

pegas este código:


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

3 Ahora buscan la etiqueta


]]></b:skin>

y pegan antes de ella esto:


.post-body img#new {

margin:0;

padding:0;

border:none;

}

Los emoticones son poquitos

Funciona muy bien

Post Relacionados

Crear emoticones com Emotemaker
Contador de visitas por país con Flag Counter
¿Cómo colocar una imagen de fondo en mi blog?
Crear animaciones online

¿Que es el Feed? ¿Qué es RSS?

2009-10-07T12:43:00.000-07:00

Para los que aún no entienden lo que es el feed, aquí les dejo un video que lo explica muy bien
También quiero aclarar que muchos piensan que Feed es lo mismo que RSS. Ese es un error. RSS es un formato de feed pero no es el único también hay otros como atom. Lo que pasa es que el primer formato fue RSS por eso surge esa asociación. Sería como decir que gif e imagen son lo mismo cosa que no es así, gif es un formato de imagen pero no es el único existen otros como png, bmp, jpeg

Chuletario CSS

2009-10-05T15:14:00.000-07:00

La página ateneupopular a realizado una recopilación de las propiedades básicas de css y permite descargar el chuletario de css
El chuletario puede servir como guía o refresca memoria para los que empiezan con css, ya que se detallan los conceptos básico para trabajar con css, y así poder diseñar nuestra página usando este fantástico lenguaje que complementa a html dándole un mejor aspecto

Descargar chuleta CSS

Obtener la paleta de colores de una imagen

2009-10-05T14:57:00.000-07:00

Un sitio web ofrece una potente y útil herramienta online que de forma sencilla permite obtener el código hexadecimal de cualquier color de una imagen
Para esto solo hay que indicar la url de la imagen o subirla de la PC
La página de la aplicación es pic2color

Otra página para agregar efectos a tus fotos

2009-10-05T14:44:00.000-07:00

Buscando encontre esta página que también permite agregar efectos a tus fotos de manera muy fácil como lo que di en otro post
la página es LoonaPix.com

Post Relacionados
Tutoriales Photoshop
Crear emoticones com Emotemaker
Iconos Gratis (Iconos Free)
Agrega efectos a tu foto

Agrega efectos a tu foto

2009-10-05T14:22:00.000-07:00

¿Alguna vez quisite ser la tapa de una revista? ¿Estar retratado en un museo? ¿Qué un un billete tuviera tu cara?
Bueno si quieres que esto pase, tienes dos caminos. El primero sería trabajar duro para lograrlo... o el camino más fácil que es tomar una foto y modificarla hasta lograr por ejemplo que tu cara este en un billete.

Existe un sitio web http://www.photofunia.com/ en el cual podemos agregar efectos a nuestras fotos sin necesidad de tener conocimientos de diseño gráfico. Alcanza con elegir el efecto que se quiere lograr e indicar a que imagen aplicarlo, la página cargara unos segundos y te devolvera la imagen con el efecto aplicado. Realmente es muy sencillo y lo bueno que también es gratis. Qué más se puede pedir... pruebala y muestrasela a tus amigos creerán que realmente ocurrió o que eres un maestro con el photoshop

Post Relacionados

Tutoriales Photoshop
Crear emoticones com Emotemaker
Iconos Gratis (Iconos Free)

Tutoriales Photoshop

2009-10-01T04:02:00.000-07:00

Aquí les dejo un lista de los tutoriales recomendados de photoshop

Mucho se dice y mucho se escribe sobre Photoshop, sin duda es una herramienta muy valiosa para cualquier diseñador gráfico o web...
Aquí les dejo una lista de los sitios donde encontramos buenos tutoriales, desde los más secillos hasta los más sofisticados; eso si claros y confiables:

Nivel de recomendación: medio* , bueno**, muy bueno***, excelente****

Los más básicos como para empezar de cero:
todo-photoshop ***
web-studio.com.ar ***

Más complejos:
solophotoshop **
photoshoproadmap *** en inglés
tutoriales-photoshop.es **
pshero.com **** en inglés

Prometo ir agregando más con el tiempo

Crear un Search tab

2009-09-29T16:11:00.000-07:00

Si queremos tener un buscador interno en nuestra página o blog una alternativa a la manera tradicional es la de agregar un "botón flotante" que se desplace por la página.
Luego de agregado, solo hay que hacer clic en el y escribir lo que se quiere buscar y listo. Queda muy bien y te aseguro llamará la atención de tus visitantes. Estoy seguro que ya descubriste el nuestro, si es ese botón que dice search pegado a la barra de desplazamiento vertical

Ahora te mostrare como hacerlo.

1 Ve a este sitio www.pax.com

2 Da clic en el recuadro "get started"
3 Llena los datos que te piden y personaliza el serchtab a tu gusto y da clic en "Register & Get Code"
4 Te mandarán un email de verificación, lo abres y das clic en el enlace
5 Este te enviará a la página en donde están los código que debes copiar y pegar en tu página para tener el serchtab o la barrita para buscar clásica, copia la que más te guste y pegalo donde quieras.
Recuerda que si lo quieres pegar en blogger deberás ir a Diseño/ Elementos de página/ Añadir gadget/ Html Javascript

Post Relacionados

Marquesina Sencilla en HTML
Como agregar un contador de visitas con geovisite
Agregar un buscador al blog

Agregar un formulario a tu blog o página web

2009-09-28T15:47:00.001-07:00

Como hacer para colocar un formulario de contacto en tu sitio web de forma sencilla sin saber nada de programación

Existe un sitio que nos brinda este servicio de un modo sencillo e intuitivo, es el siguiente:

www.emailmeform.com

Además nos permite personalizarlo y una vez que creamos nuestro formulario de contacto o envío nos da un código html para colocar en cualquier lugar de nuestro blog ya sea un post o un gadget.
Es decir, podemos crear un formulario para que nuestros visitantes nos envíen consultas y comentarios sobre nuestro sitio web a nuestro mail del modo más sencillo. Está todo en inglés pero no temas es más que sencillo... Sierve tanto para blogger como para cualquier sitio web.
Les indicaré como hacerlo paso a paso:
1- Entrar a la siguente página y registrarse www.emailmeform.com donde dice "Sign up for FREE" (Registrarse gratis)

2-Una vez que termine el proceso de registro se recibe un mail de confirmación con un link para activar la cuenta; luego se puede acceder al panel de control

3-Dentro del panel de control a la izquierda en un rectángulo azul se ve que dice “Create New Form" (Crear un Nuevo Formulario), hacer clik allí.

4- Un vez allí se requiere darle un nombre al formulario, el mail donde enviar la información, una posible página para cuando se envió con éxito o para confirmar que se envió correctamente( nosotros simplemente creamos un posto para ello y copiamos su link). Por último el número de campos a rellenar por el usuario, por defecto pone cuatro (nombre, mail, asunto y comentrio). Dar next (siguiente)

5- Aquí se indica el nombre de cada campo y el número de dígitos (es bueno dejarlo como aparece preestablecido)

6- El paso siguiente es recomendado para quienes manejan estilos CSS y HTML, dejar en blanco y seguir.

7- El úlitmo paso también se puede dejar en blanco.

8- Luego mostrará una vista previa del formulario pudiendo retroceder si se desea para cambiar algo del diseño.

9- Cuando esté terminado nos dará un link para verlo y pondrá “Get the HTML Code” se deberá pulsar en este último para de ese modo ver el código generado.

10- Copiar el código y colocarlo en un post o un gadget en modo edición HTML

11- Listo estará funcionando

Espero les guste pueden probar el que aparece a continuación:

En el siguiente link les dejó un ejemplo de una utilidad que le di a este recurso, claro está que con un poco de conociemiento de html se puede variar más...
http://www.piartesano.com/contactar-joyas-plata-cuerno-astas.html

¿Cómo colocar una imagen de cabecera en un blog?

2009-09-25T04:00:00.000-07:00

¿Cómo centro la imagen de la cabecera del blog?

Coloca un imagen el la cabecera o encabezado de tu blog centrada

Últimamente he recorrido algunos blog nuevos con muy buenas ideas pero he notado que la imagen colocada en la cabecera no está centrada o no se ajusta a la plantilla...
Yo tuve el mismo problema cuando comencé, pero como soy algo "maniático" con la estética de un blog no me puedo resisitir cuando veo uno con este problema...
Aquí va mi guía para hacerlo paso a paso:
1- En el panel de control de tu blog en "blogger" ir a Diseño--->Elementos de la página
2- Ahora clik en Editar donde dice Cabecera.
3- Se abrirá la siguiente ventana

4- Esta ventana permite cambiar el título del blog y agregar una imagén detrás o en sustitución del mismo. Una vez cargada la imagen estará colocada en la cabecera del blog...
5-Supongo que la mayoría ya sabe hacer esto... el tema es que muchas veces nos llevamos la sorpresa de que la imagen no coincide con nuestra cabecera o que hay que cambiar su tamaño para que se vea bien y NO pase lo siguiente:

6-Pues no es necesario cambiar el tamaño de la imagen y perder parte de ella, sino que podemos cambiar el ancho del blog y de la cabecera, del siguiente modo:
7-Ir a Diseño--->Edición HTML y dentro del lenguaje html buscar el siguiente código:


#header-wrapper {

width:600px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}



#outer-wrapper {

width: 600px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

header-wrapper: idica el acho y los atributos básicos del encabezado
outer-wrapper: indica el ancho y atributos generales de todo el blog
SE DEBEN MODIFICAR AMBOS
Por ejemplo si la imagen que tengo de cabecera es de 900 px deberé cambiar donde dice "width: 600px;" por el número de ancho quedando de este modo "width: 900px;" (siempre es bueno agregarle algún pixel más, tanto en header-wrapper como en outer-wrapper.
Quedará así:

Les recomiendo también ir probando distintas tamaños para ver los efectos que produce.
También pueden modificar el margin y el padding e ir viendo lo que ocurre
No olvidar al salir de edición HTML, guardar los cambios... Si les da miedo hacer una macana o meter la pata con la plantilla le dan a vista previa y no graba los cambios.
Es fácil no teman
Espero os sea útil...

¡Dedicado a Anto!

Post relacionados:
Cómo cambiar la plantilla de mi blog
Cómo quitar la barra navbar

Diferencias entre un blog y un foro

2009-09-24T16:37:00.000-07:00

Anteriormente hemos publicado una entrada sobre como crear un foro y muchos se preguntarán cuál es la diferencia entre un blog y un foro.
No conozco que haya una respuesta técnica sobre las diferencias, pero si se de algunas que pueden ser de ayuda.

1) La primera y tal vez la de mayor relevancia es que en un blog solo una o un grupo de persona reducidos pueden publicar en él, mientras que en un foro lo puede hacer cualquiera que se registre.
2) Otra diferencias es que en un blog los temas de publicación son definidos por los que pueden publicar, mientras que un foro los temas son fijados por cualquiera, claro esta que a una persona no se le ocurriría publicar algo sobre diseño en 3D en un foro sobre buceo en el mar, además de que existen moderadores en el foro que pueden eliminar las publicaciones.
3) Los contenidos en un blog se organizan por etiquetas y en un foro por categorías generalmente
4) Un foro se presta más para el debate y la interacción ya que el contenido no es tan estructurado ni tan dirigido.
5) En un blog se requiere más atención ya que los que publican deben estar pendientes de escribir nuevos artículos, mientras que en un foro otros pueden ser los que escriban cosas nuevas.
6) En el blog también es más importante el papel del creador de los contenidos y es la "estrella por excelencia" a la hora de brindar la información.
7)Para comentar en un blog muchas veces no es necesario estar registrado, mientras que en un foro si lo es
8) En síntesis un blog esta más enfocado y es más útil para personas que quieren brindar información, conocimientos, a su propia forma, y un foro es mejor para generar debates, retroalimentación y dar más participación a los usuarios.

Les invitamos a que comenten y expongan más diferencias

¿Cómo crear un foro?

2009-09-24T04:35:00.000-07:00

Crear un foro de modo sencillo

En respuesta de una solicitud de uno de nuestros usuarios, salí a la de una empresa que nos birndara un servicio gratuito para realizar un foro...
Y la encontré es la siguiente foroactivo.com, de un modo muy fácil te permite crear un foro en pocos pasos que puedes personalizar, luego si lo deseas puedes vincularlo con tu blog y mantener de ese modo un continuidad.
Peden ver el que acabo de crear en el siguiente link:
loshermanoscarlos.foroactivo.com

Prometemos escribir un post sobre la lógica de los foros, utilidades y cómo funcionan...
Por lo pronto espero les sea de utilidad la información que les brindamos.

Dedicado a nuestro hermano "jerónimo"

Convertir videos de celulares a otros formatos

2009-09-18T11:00:00.000-07:00

Aqui les dejo un conversor para que puedan convertir los videos de su celular en formato 3gp al formato que quieran. También se puede realizar el proceso inverso, es decir pasar de cualquier formato a 3gp, y muchas cosas más

El programa se llama Xilisoft 3GP Video Converter

descargar conversor de videos de celular

Descargar Xilisoft 3GP Video Converter

Post Relacionados
Convertir y grabar películas para ver en cualquier dvd...

¿Cómo crear un menú con iconos para tu blog sencillo?

2009-09-18T04:03:00.000-07:00

Un modo sencillo de crear un menú de imágenes para tu blog

Diseña un menú para tu blog

Hay dos caminos para hacerlo uno sencillo y otro más complejo, empecemos por el sencillo:
Blogger tiene una opción que te permite agregar una imagen con enlace, vamos a usarla para crear un menú sencillo al margen de tu blog, como el que aparece en este blog bajo el título "Sitios Diseñados por Nosotros".
Una vez en el panel de control del blog seguir la siguiente ruta:

Diseño --> Elementos de la página (ahí se ve un gráfico que representa todo el contenido del blog en blogger)
Ahora ir a Añadir un Gadget y al hacerlo saldrá una ventana emergente con distintas opciones de gadget que se puden colocar (un buen consejo es ir probando cada una de ellas para ver sus utilidades futuras) seleccionar la que dice Imagen.
Aparecerá una nueva ventana donde completar algunos datos sobre la imagen a cargar, se le puede colocar un título, un pie de foto, ambos opcionales (sí es para realizar un menú conviene colocarle el título "menú" a la primera y dejar las demás sin título ni pie de foto). Es importante si colocar en "Enlace" la dirección o URL de la página con la que se quiere relacionar esa imagen (que puede ser una interior o exterior al blog en cuestión) .
Luego sólo resta subir la imagen desde el ordenador o computadora local yendo a examinar, sí se tratase de una en la red dando la dirección de la misma debajo como se indica...
Finalmente guardar y listo!!
Se puede ir colocando una a una las imágenes o iconos para obener de ese modo un menú sencillo en sentido vertical, al margen del blog como sucede con el nuestro de "Sitios diseñados por nosotros" y en "Menú"

Hay otra manera de hacerlo un poco más compleja y es utilizando el gadget que dice HTML/Javascript, para aquellos que saben un poco más de código html podrán escribir allí el menú en forma de código utilizando la etiquetas correspondientes, dejo un ejemplo:


<a href="colocar aqui el URL o direccion del enlace"><img src="direccion del lugar donde está la imagen"></a>

Etiqueta a href indica el lugar al que redirecciona el enlace y la etiqueta img que va en medio de la anterior indica cual será la imagen que actuará como link, claro está, que esta imagen deberá estar en otro sitio de la red (internet) para poder usarla en ese punto, ya que de este modo no permite subir imágenes como el anterior que expiqué (para saber como guardar imágenes en la red para reutilizar hay un sencillo post en nuestro blog que lo indica pinche aquí). Con este modo se pueden cargar todas las imágenes juntas y no por separado como el anterior permitiendo que se pueda organizar también horizontalmente y no sólo verticalmente... El Menú de nuestro blog está hecho de este modo
Espero les sirva de respuesta a todos nuestros hermanos de la red que han solicitado ayuda al respecto...
Saludos y esperamos vuestros comentarios al respecto

Google se une a uno de sus enemigos

2009-09-16T14:04:00.000-07:00

Junto con los recientes anuncios de un posible cobro por parte de los medios de comunciación online por ver sus contenidos, google se suma a la movida.
El gigante de la internet a sido criticado duramente por los medios de comunicación trás la creación de Google News un sitio de noticias. Pero ahora Google ha dado un paso hacia sus detractores al anunciar que cobrará por un servicio de noticias especializado.
Otro duro golpe para los que pretendemos el acceso libre a la información. Lo cierto es que Google ha obtenido millonarias sumas de dinero por su buscador, pero el resto de sus proyectos distan de ser muy lucrativos. Por ejemplo youtube es muy popular pero no se traduce en ganancias para la empresa, por eso el sitio propiedad de google pretende un nuevo sistema de publicidad en los videos.
Yo como miles, no pagaría por un servicio especializado de noticias ya que cuando una lee un diario no busca algo en especial, trata primero de tener un panorama general, de leer los titulares y si algo le interesa lee todo el articulo. Además de otros datos que proporciona un diario como la cotización de una moneda, crucigramas, el estado del tiempo, etc.
¿Qué busca google?

Post Relacionados
¿Terminaremos pagando por algo que actualmente no

¿Terminaremos pagando por algo que actualmente no pagamos?

2009-09-15T16:50:00.000-07:00

En los útlimos días se han hecho grandes anuncios sobre futuros cambios en la forma en que accederemos a los medios de prensa online. Hoy en día navegamos libremente por diferentes sitios de noticias que ofrecen una versión electrónica, en forma gratuita.
Lo cierto es que figuras destacadas de la internet y de los medios de comunicación, entre ellos Rupert Murdoch propietario de News Corporation una de las más grandes empresas del sector que controla muchos medios en distintos paises afirmaron que dentro de 12 meses, para el 2010, la mayoria de los medios de comunicación online van a cobrar por utilizar sus servicios.
Rupert Murdoch pretende reorganizar el sector de las noticias y dice que la era de la libertad de las noticias online se acabó
La baja en los ingresos de estas empresas en el correr de estos años y el argumento de que generar contenidos de calidad es caro son alguna de las razones que exponen para la realización de este súbito cambio.
Desde mi punto de vista esto es algo trágico y que limitaria las bondades de la Internet que todos disfrutamos. La libertad y el acceso libre a la información es una de las caracteristicas más fuerte de la actual internet. Me opongo completamente a que se realice esto ya que para mi es un regreso hacia atrás. Quiero que leer un diario online siga siendo gratuito como hasta ahora.
Temo que esto sea el principio de una serie de cambios en la red que generen desigualdades en las posiblidades de acceso a la información entre los navegantes, cosa que hasta hora es mínima.
Esta situación me generá muchas preguntas como: ¿Que va a ocurrir cuando ya todas las personas tengan acceso a internet y se necesite otra forma de ingreso? o ¿Qué pasará cuándo la televisión y la internet se fusionen?
El espiritu de Internet que todos queremos, va encontra de esto, Queremos una Internet libre y democratizadora
Confío en que este movimiento que buscan hacer los medios de comunicación no logre los resultados que ellos esperan. Que la gente reaccione negandose a suscribrise o pagar por leer una noticia por más 2 dólores que cueste, por el simple hecho del rechazo que le produzca tener que pagar por algo que antes no pagaban.
Que si algún medio empieza a cobrar, salga uno nuevo que no lo haga y se popularice, y si este llega un día a cobrar también, exista otro que brinde lo mismo gratis y las masas se vuelquen al libre
No deseo que los medios de comunicación se fundan o que el trabajo de los periodistas no se valore, sino que busquen otro medio de obtener ganancias sin que vaya encontra del Espiritu democtratizador e igualitario de Internet.

¿Cómo modifico la vista de Comentarios o Post?

2009-09-15T05:01:00.000-07:00

Pasos para modificar la forma en que se ven y se presentan los comentarios o los post

Parece algo sencillo y hasta obvio para muchos pero hemos recibidos muchas consultas al respecto y eso nos hace pensar que ya no es tan obvio ni tan claro...
En realidad este post trata de las posibilidades que nos da blogger modificar y permitir distintos tipos de comentarios.
Las distintas opciones para cambiar se encuentan dentro del panel de control de vuestro blog bajo el título Configuración en Comentarios.
En este apartado cuentas con más de una opción , son sencillas y muy intuitivas, sólo tienes que ir probando cual se adapta más a lo que tú deseas o buscas...
Recomendación:
No limites los comentarios a usuarios registrados: eso pueda evitar que muchos lo hagan y si por alguna razón alguien pone algo que no debe tú pedes quitarlo cuando quieras

Post relacionados:
Ver más

¿Cómo agregar un botón de enlace?

2009-09-10T15:37:00.000-07:00

Aquí voy a detallar los pasos para crear de forma simple y gratuita una imagen o botón que servirá como enlace para que otros lo copien de tu página o blog y lo peguen en el suyo.

Crearemos el bóton con Button Maker. Se verá asi:

1. Ir a Button Maker

2. Allí editas los parámetros a tu gusto

3. Das clic en "Generate button" para ver la vista previa

4. Guardas la imagen

5. La subes a algun servidor o directamente a tu blog

¿Cómo cambiar la plantilla del blog?

2009-09-10T15:04:00.000-07:00

Cuando recién empiezas con tu blog, algo que seguro quieres cambiar es la plantilla. Con un cambio de plantilla ya empezarás a mostrar algo que diferencia tu blog del resto.
Si aún no sabes como hacerlo aquí te lo explico paso a paso

Algunas consideraciones previas:
Siempre ten la precaución de guardar la plantilla que tienes para que en caso de que te equivoques puedas volver atrás.
Cuando uno cambia de plantilla se te borrarán todos los scripts que hayas agregado. Ej contadores de visitas, sala de chat, etc. Pero tranquilo no se te borrarán las entradas

1. Lo primero que tienes que hacer es elegir una plantilla. En la red hay muchas páginas con miles de plantillas para que puedas elegir y descargar. Alcanza con poner plantillas en google

2. Una vez que ya tienes la plantilla, debes abrir tu blog e Ir a Diseño/ edición de HTML

3. Luego das clic en "examinar" y buscas la plantilla en tu equipo. Recuerda que tiene la extensión .xml

4. Para finalizar das clic en "subir" y listo ya puedes seguir leyendo nuestras entradas para continuar personalizando tu blog

¿Cómo abrir un hipervínculo en otra ventana sin cerrar la actual?

2009-09-08T15:37:00.000-07:00

Un hipervínculo, enlace o vínculo a otra ventana sin cerrar la acutal

La clave para ello es el atributo target que se coloca dentro de la etiqueta de a href donde se establece el vínculo...
Para aquellos que conocen un poco de html les digo que sólo con colocar target="_blank"
dentro de la etiqueta que indica el vínculo ya basta, quedaría del siguiente modo:


<a href="http://www.loshermanoscarlos.tk" target="_blank">Los hermanos carlos en otra ventana</a>

A continuación pueden probarlo:
Los hermanos carlos en otra ventana

Para aquellos que no manejan mucho el código html, le diré que una vez que establecieron un hipervínculo con un editor cualquiera, ya sea el de blogger u otro, busquen el la vista de edición html la etiqueta que indique anteriormente y agreguen el atributo target="_blank" como lo indique. Es muy sencillo pruébenlo...

Aclaración: Tal vez esté demás decirlo pero recuerden que si usamos Mozilla como navegador sera abierto en otra pestaña y si es como Explore en otra ventana.

Para los que quieran saber un poco más sobre el atributo TARGET

Otras opciones del atributo target que les pueden venir muy bien:

TARGET="_blank"
El enlace se abre en una nueva ventana del navegador.

TARGET="_self"
El enlace se abre en el mismo frame o ventana donde está el enlace. Este valor es especialmente útil cuando se ha usado la etiqueta BASE para especificar un frame destino por defecto distinto del actual.

TARGET="_parent"
El enlace es abierto en el FRAMESET padre del frame actual.

TARGET="_top"
Hace que el enlace se abra ocupando todo el espacio de la ventana del navegador eliminando todo frames. Este valor debe ser usado siempre que creemos un enlace a una página externa a nuestro sitio web.

Post dedicado a Andreu en respuesta a su solicitud: Gracias por confiar en nosotros y éxito con tus proyectos webs

Distintas formas de Redireccionar una página

2009-09-03T17:24:00.000-07:00

Si alguna vez cambias de dirección y quieres que todos los que entren a la vieja sean redirigidos a la nueva lo que tienes que hacer es hacer unos pequeños cambios en la vieja, entonces cada vez que alguien entre a tu dirección vieja automáticamente sin tener que hacer ningún clic estarán en la nueva.
Muy útil hasta que todos sepan tu nuevo dominio.
También se puede utilizar dentro de un mismo sitio
Aquí voy a dejar varias formas para que lo hagas. Recuerda los cambios se hacen en tu página vieja

Primer caso. Con HTML
lo que hacemos es pegar este código entre las etiquetas head


<meta http-equiv="Refresh" content="30";URL="redireccionar.html" />

En el código debemos sustituir "redireccionar.html por la nueva dirección completa

Algo muy importante a tomar en cuenta es que redireccionar una página puede conducir a recibir una sanción por parte de los buscadores. Para eso es muy importante que esto se haga de la forma correcta.

Una forma es utilizar la redirección 301

Redireccion 301

El código del estado 301 indica que una página ha sido trasladado permanentemente y que los buscadores deberín dejar de indexar la URL antigua, sustituyéndola con la nueva.

Acá voy a pegar algunos ejemplos extraídos de promocioning con diferentes lenguajes

Redireccion con PHP


<?php

// Redireccion 301

header("HTTP/1.1 301 Moved Permanently");

header("Location: http://www.promocioning.com/");

exit();

?>

Redireccion con ASP


<%@ Language=VBScript %>

<%

' Redireccion 301

Response.Status = "301 Moved Permanently"

Response.AddHeader "Location", "http://www.promocioning.com/"

Response.End

%>

Redireccion con ASP.NET


<script runat="server">

private void Page_Load(object sender, System.EventArgs e)

{

Response.Status = "301 Moved Permanently";

Response.AddHeader("Location","/nueva-pagina.asp");

}

</script>

Redireccion con ColdFusion


<CFHEADER statuscode="301" statustext="Moved Permanently">

<CFHEADER name="Location" value="http://www.promocioning.com/">

Redireccion con Perl


#!/usr/bin/perl -w

use strict;

print "Status: 301 Moved Permanantly\n";

print "Location: http://www.promocioning.com/\n\n";

exit;

Post Relacionados

Guia Optimizacion Motores Busqueda
Libro SEO Posicionamiento en Buscadores
Directorios para tu Blog o Blogger

Quitar contraseñas de PDF

2009-08-28T16:18:00.000-07:00

Si quieren un sencillo y poderoso programa que quite las contraseñas de los archivos en pdf, para poder editarlos en word o hacer lo que quieran, descarguen este programa gratuito.

descargar desde aqui

Crear una Lista de Reproducción de Música y Videos en el blog

2009-08-27T16:18:00.000-07:00

Dado que a muchos les ha interesado la entrada que publicamos sobre como Agregar Música al blog o página con eSnips voy a dar otra opción para que puedan agregar una lista de reproducción en su blog.

1.Para empezar deben ir a la página http://www.playlist.com/
2. Allí hay que registrarse. Dar clic en Sign up!
3. Llena el formulario con sus datos y aceptan
Ya están registrados e iniciada su sesión. En caso de que no estes, ve a Login in y escribe tu nombre de usuario y contraseña que eligiste cuando te registraste
Ten cuidado que después de que te registres te puede salir otro cuadro para completar con tus datos pero que nada tinen que ver con el reproductor
4. Ir a Home
5. Buscar la canción y/o video
6. Luego que esta localizada dar en le signo de más, para agregarla. Hacer esto para cada canción o video que quieras en la lista de reproducción.
7. Agregado todos los temas vas a PostmyPlaylist y te saldrán los diferentes lugares donde quieren publicar la lista de reproducción. Si es para tu blog elige la opción E
8. Haz clic en tu lista
9. Luego te aparecerá una lista con opciones personalizables como por ejemplo si quieres que el reproductor arranque automáticamente al entrar a la página, el color, etc.
10. Luego da clic en get code
11. Lo copias y lo pegas donde quieras. Si es un blogger ir a Diseño/ Elementos de página/ Añadir gadget/ Html Javascript

Aqui tienes un ejemplo. Queda muy bueno.

Post Relacionados

Agregar Música al blog o página con eSnips
Crea tus propios slideshow con un programa sencill...
Agregar chat a un blog con Cbox

Crear emoticones com Emotemaker

2009-08-25T14:01:00.000-07:00

No tengo ni idea cuando apareció por primera vez un emoticón, pero si se que todos los conocen y hasta seguramenta alguna vez lo usaron. Desde las simples caritas amarilla que expresan "emociones" hasta otras más complejas o los formadas con simbolos como 8-) :-P :) todos sirven.
Pero para los que estan cansados de usar siempre los mismos, o quieren tener sus propios emoticones les cuento que existe una sencilla aplicación gratuita emotemaker que permite crearlos sin la necesidad de tener grandes dotes para el dibujo, son muy sencillos de realizar.
Pueden descargar este programa desde aqui

Post Relacionados

Iconos Web
Fondos para Páginas o Blogs
Iconos Gratis (Iconos Free)

Como hacer un sencillo contador de visitas

2009-08-25T13:44:00.000-07:00

Siguiendo con la colección de contadores de visitas voy a presentar un contador de aspecto simple para aquello que no quieran algo demasiado rebuscado.
Este contador solo se limita a indicar el número de visitas.

Para crear este contador los pasos son los siguientes:

1. Ir a la página de contadorgratis
2. Dar clic en Nuevo contador gratis de visitas
3.Colocar tu email y elegir el diseño del contador
4.Aceptar los términos
5. Dar clic en enviar y continuar registro
6. El código que te aparece lo copias y lo pegas en tu sitio, si es un blogger ve a Diseño/ Elementos de página/ Añadir gadget/ Html Javascript y lo pegas.

Si quieres ver un ejemplo entra a www.naciceleste.blogspot.com

Post Relacionados

Crear contador de visitas con Histats.com
Crear un contador de visitas con 99counters
Llevar Estadisticas web con Google Analytics
Como agregar un contador de visitas con geovisite

Como registrarse en Google Analytics

2009-08-24T14:55:00.000-07:00

Si ya tomaste la decisión de registrarte en Google Analytics encontré un video que explica paso a paso como hacerlo

Vale recordar que este servicio sirve tanto para un blog como para una página

Post Relacionados

Llevar Estadisticas web con Google Analytics

Ver parte de una entrada con una imágen y la opción "leer más"

2009-08-24T14:11:00.000-07:00

En muchos blogs la página principal tiene las entradas resumidas con la opción "leer mas" para poder leer la entrada completa.
Para poder lograr esto es necesario hacer unos cambios en la plantilla
Aquí voy a dejar como modificar la plantilla para lograr esto y que además las entradas tengan una imágen como miniatura

1)Ir a la zona de Edición de HTML
2)Lo primero que deben hacer es descargar su plantilla, para asegurarse de que si algo no sale bien puedan volver a como están ahora
3) Luego deben asegurarse que la opción "Expandir las plantillas de artilugios" este activada
4) Localizar este código


<data:post.body/>

Si tiene dificultad para buscarlo pueden usar la opción edición buscar y escribir el código para buscar más rápido
5)Luego borramos este código y lo remplazamos por este otro:


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

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

<span class='rmlink' style='float:right'><a expr:href='data:post.url'> Leer más...</a></span>

</b:if>

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

6)Ahora pegar este código justo antes de la etiqueta


</head>


<script type='text/javascript'>

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script type='text/javascript'>

//<![CDATA[



function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}



function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}



var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}



//]]>

</script>

Si tienen algún conocimiento de HTML pueden cambiar los tamaños del recuadro de la imágen y un para de cosas más

Si quieren ver un ejemplo entren a www.naciceleste.blogspot.com

¡Queda muy bueno!

¿Cómo bajar o descargar una película usando Ares?

2009-08-24T04:05:00.000-07:00

Tutorial paso a paso para bajar o descargar películas con Ares

Este post tal vez sea muy básico y hasta obvio para muchos, pero tengo un alumno que me pidió que le hiciera un tutorial sobre como bajar películas con ares y me pareció que podría ser de utilidad para otros usuarios. Alguna vez también yo necesité ayuda para hacerlo y mi buen hermano carlos me ayudó con ello, "lo que nos resulta obvio, tiempo atrás fue extraño para nosotros" y más en asuntos informáticos.
Antes que nada, aquí pueden descargar el programa Ares gratuitamente

Tutorial Paso a Paso

Consideraciones previas
Tiempo de descarga: bajar o descargar películas puede llevar varias horas, incluso días, dependiendo del tamaño del archivo donde se encuentre y de la capacidad de la computadora (ordenador).
Abrir el Ares: una vez abierto es importante tener en cuenta que a veces dura algunos minutos en conectarse por eso es importante esperar a que sustituya la frase "Conectando" por "Oline" que aparecerá junto con una velocidad de conexión. Esto generamente ocurre sólo la primera vez que se usa, luego sucede de forma casi autómatica.
Opciones de Ares: Cuenta con varias Internet (propaganda no es nada útil), Biblioteca (donde se guarda lo que se descarga o baja), Reproductor(donde se puede ver las películas o escuchar la música), Búsqueda(donde se coloca el nombre de la película que buscamos), Descargas(donde indica el estado de la descarga), Chat(nada útil), Panel de Control(aspectos generales) y tal vez otras según la versión. Para descargar películas sólo hace falta usar 4 de ellas que se indicará en el proceso de bajar una película.

Descargar o bajar películas (proceso) con Ares paso a paso:
1. Asegurarse de que el estado sea "Online"

2. Ir a Búsquedas

3. Escribir en el espacio en blanco bajo el título "Buscar archivos similares" el nombre de la película o canción que se busca

4. Elegir luego la sección que corresponda: Audio(para música), Video(para películas)... No confundirse imagen NO es para películas sino para fotografías
5. Pulsar en el botón buscar ahora y esperar a que aparezca una lista a la derecha con las distintas opciones de descarga
6. Dentro de la lista que aparecerá elegir una opción y hacer doble clik para comenzar la descarga (Se pueden descargar más de una al mismo tiempo pero eso enlentecerá la descarga)
7. Una vez comenzada la descarga se puede observar su proceso en la sección "Descargas" donde se indicará el tiempo aproximado (al principio puede decir 34 horas y después bajar en 7 horas) el tipo de archivo, etc... cuando se complete la descarga el archivo será enviado a la sección "Biblioteca" en la carpeta que le corresponda, es decir, si es una película en videos y si es una canción en música.. etc..

8. Haciendo doble clik en el archivo alojado en la biblioteca se comienza a ver la película que autómaticamente se iniciará en la sección "Reproductor". De todos modos los archivos quedan guardados en el ordenador o PC en una carpeta que Ares mismo crea, pudiendo sacarlos luego de ahí y trasladarlos a un: CD, DVD, etc
9.Importante NO cerrar el Ares ni apagar el ordenador o PC mientas se realiza la descarga, se puede minimizar la ventana de Ares pero no cerrar, eso puede anular la descarga en algunas versiones.

Para el que lo desee le dejo un tutorial en video donde verá los pasos realizados por mi mismo en una sencilla y corta película:

Iconos más pequeños

2009-08-20T04:05:00.000-07:00

Post relacionados:
Colección de íconos web
Galería de íconos gratis para descargar

Iconos Web

2009-08-20T02:31:00.000-07:00

Una sencilla y útil colección de íconos web que espero te gusten...

Retocada y diseñada por los hermanos carlos

Post relacionados:

Galería de íconos gratis para descargar

¡Gracias a todos!

2009-08-20T02:23:00.001-07:00

Hemos cumplido nuestrs 1000 visitas en menos de tres meses que llevamos en la red...
Gracias a todo el que participa de este proyecto web.
Como verán nos despedimos de nuestra antigua plantilla como celebración de esta primer meta alcanzada...

Seguimos avenzando

Más información sobre la etiqueta MARQUEE y sus posibilidades

2009-08-18T14:07:00.000-07:00

Recopilación de atributos de la etiqueta marquee que nos permite distintas posibilidades y modificaciónes de marquesina

Etiqueta sola <marquee> ... </marquee>

<marquee>Los Hermanos Carlos </marquee>

Los Hermanos Carlos

Alineación <align=top, middle, bottom>

El texto se alinea arriba, al medio o abajo en relación con la marquesina.
El ancho (width) es de 200 para dejar espacio al texto. El máximo de la pantalla es 640. También se puede aplicar un porcentaje (Ver más abajo Tamaño).

<marquee align=top width=200>Arriba (Top)</marquee>

Este texto está alineado arriba (top).

Arriba (Top)
Este texto está alineado arriba (top).

<marquee align=middle width=200>Mitad (Middle)</marquee>

Este texto está alineado en la mitad (middle).

Mitad (Middle)

Este texto está alineado en la mitad (middle).

<marquee align=bottom width=200>Abajo (Bottom)</marquee>

Este texto está alineado abajo (bottom).

Abajo (Bottom)

Este texto está alineado abajo (bottom).

Ciclo de repetición <loop=número ó infinite (infinito)

El número de veces que la leyenda pasa por la marquesina.

<marquee loop=2 width=50% >Loop=2</marquee>
Loop=2

<marquee loop=4 width=50% >Loop=4</marquee>
Loop=4

<marquee loop=infinite width=50% >Loop=infinite</marquee>
Loop=infinite

Color de Fondo <bgcolor=RRGGBB (o el nombre)

Los colores se expresan en hexadecimal y para cada color (R=Red, G=Green y B=Blue) se usan dos dígitos.

<marquee bgcolor=AAAAEE>Los Hermanos Carlos</marquee>
Los Hermanos Carlos

También permite el nombre del color: Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow o Aqua

<marquee bgcolor=red>Los Hermanos Carlos</marquee>

Los Hermanos Carlos

Comportamiento <behavior=scroll, slide, alternate>

<marquee behavior=scroll>Los Hermanos Carlos</marquee>

Los Hermanos Carlos

<marquee behavior=slide>Los Hermanos Carlos</marquee>

Los Hermanos Carlos

<marquee behavior=alternate>Los Hermanos Carlos</marquee>

Los Hermanos Carlos
Dirección <direction=left, right>
lt;marquee direction=left>Los Hermanos Carlos</marquee>

Los Hermanos Carlos

<marquee direction=right>Los Hermanos Carlos</marquee>

Los Hermanos Carlos

Desenrrollado: Cantidad <scrollamount=#>

Determina la cantidad de texto que se redibuja en cada momento en la marquesina. La medida es en pixels.

<marquee scrollamount=50>Los Hermanos Carlos</marquee>
Los Hermanos Carlos

<marquee scrollamount=25>Los Hermanos Carlos</marquee>
Los Hermanos Carlos

Desenrollado: Velocidad <scrolldelay=#>

La velocidad medida en milisegundos.

<marquee scrolldelay=100 scrollamount=100>Los Hermanos Carlos</marquee>
Los Hermanos Carlos

<marquee scrolldelay=100 scrollamount=50>Los Hermanos Carlos</marquee>

Los Hermanos Carlos

<marquee scrolldelay=500 scrollamount=100>Los Hermanos Carlos</marquee>
Gobernación de Córdoba

<marquee scrolldelay=500 scrollamount=50>Los Hermanos Carlos</marquee>

Los Hermanos Carlos

Márgenes <hspace=# vspace=#>

Establece la distancia en que estará el texto alrededor de la marquesina.Este es límite superior >

Izquierda

<marquee hspace=50 vspace=50 width=150 bgcolor=AAFFAA align=middle>Los Hermanos Carlos</marquee>

Derecha. 

Este es límite inferior

Este es límite superior

Izquierda

Los Hermanos Carlos

Derecha.

Este es límite inferior

Tamaño <height=# width=#>

Las dimensiones de la pantalla se miden en pixeles y la altura de la marquesina se puede expresar en una cantidad o en un porcentaje.

Con la etiqueta <center> centramos la marquesina.

<center>
<marquee height=240 width=320 bgcolor=AAEE99>Los Hermanos Carlos</marquee>
</center>

Los Hermanos Carlos

<center>
<marquee height=50% width=50% bgcolor=AAEE99>Los Hermanos Carlos</marquee>
</center>

Los Hermanos Carlos

Esta información se basa en la guía preparada por el profesor Carlos Crismatt Mouthon

Publicada en la siguiente página: http://crismattweb.tripod.com/guiahtml/marquee.html

Marquesina Sencilla en HTML

2009-08-18T12:48:00.001-07:00

Tal vez para muchos esté de más enseñarles como se hace una marquesina en HTML con la etiqueta marquee, pero para otros tal vez sea una novedad... Ahí les va como...
Es muy sencillo lo único que tenemos que hacer es colocar el texto que deseamos entre la siguiente etiqueta:


<marquee>los hermanos carlos</marquee>

Ejemplo:
los hermanos carlos
Además se pude combinar con otras etiquetas clásicas como los son:


<b> Para ver en negrita

<i> Para ver itálica o inclinada

<s> Para tachar texto

<u> Para subrayar el texto

Pudiendo convinarse del siguiente modo:
Ejemplo
Los hermanos carlos
Código para realizarlo:


<marquee><b><u><i>Los hermanos carlos</i></u></i></marquee>

También se le pueden aplicar estilos css:


<marquee style="color:blue; font-family: 'Times New Roman, Times, serif'; background-color:#009900>Los hermanos carlos</marquee>

Además pudes variar la dirección de la marquesina con los siguientes atributos:


<marquee direction=right width=200>Los hermanos carlos</marquee>

direction para la dirección de izquierda a derecha , etc...
width para el ancho de desplazamiento
Así se verá:
Los hermanos carlos
Existen otros atibutos que te permiten variar más la marquesina, te dejo el siguiente código para que veas su efecto y analices sus posibles variaciones:


<marquee behavior="alternate" direction="up" scrollamount="3" width="80" height="50">Los hermanos carlos</marquee>

Así se ve:
Los hermanos carlos
Espero te sea de ayuda...

Curso audivisual de CSS

2009-08-18T11:07:00.000-07:00

En esta página http://www.illasaron.com/ hay muchos cursos y tutoriales en video que te pueden ser de gran utilidad.
Solo hay que completar una simple registración y después ya estas habilitado para mirar o descargar todo tipo de cursos, Desde photoshop, dreamweaver, html, css, hasta electrónica.
El curso de css consta de 19 videos cortos que se pueden descargar todos juntos en un pack que solo pesa 35mb porque están en formato flash. Para verlos solo tienes que dar clic en el video y se te abrirá tu navegador como si fuera una página
La página da para pasar un rato