WebXiss - Blog de diseño en la web

¿Qué es un blog? – Definición de la bitácora electrónica

2009-10-14T10:30:00.000-07:00

Es casi seguro que si navegamos por la red, hemos escuchado hablar de la palabra “blog” unas cuantas veces (sino es que muchas) y ha estas alturas del partido con certeza sabemos cual es su significado.

Pero si no es así y te preguntas ¿qué es un blog?, no te preocupes, que haz llegado al lugar correcto para cambiar este hecho, pues bien, un blog es una bitácora electrónica o sitio web en donde se recopilan o vacían textos y/o artículos de manera cronológica.

Estos artículos también llamados post, pueden ser escritos por el mismo autor del blog o por diferentes autores, y estos textos pueden ser modificados o incluso eliminados por el dueño en cualquier momento. Cabe señalar que cuando ingresamos a un sitio de estos, siempre se muestra primero el post con la fecha más reciente.

En un blog se puede hablar o comentar de lo que sea, cualquier tema que te guste o domines, puedes incluirlo en él.

Tipos de blogs

En el universo de Internet podemos encontrar dos tipos generales de blogs:

Personales: son todos aquellos blogs que surgen de la iniciativa individual o colectiva, pero que no gozan del cobijo o respaldo de grandes instituciones.

Corporativos: son blogs creados por empresas e instituciones, con el fin de servir como una alternativa de comunicación y de diversificación de entrega de contenido y servicio a sus usuarios o clientes.

Existe otro tipo de clasificación hecha principalmente por los directorios de blogs, la cuál sigue una organización por temas.

Especial Julio: Top 5 de trucos Blogger

2009-07-12T18:08:00.000-07:00

A casi la mitad del mes de Julio hemos decidido mostrar los mejores 5 trucos para Blogger que hemos recopilado aquí en Webxiss.

Con ellos podrás no solo esconder la barra de navegación, agregar un favicon a tu blog y muchas más cosas, espero que le guste y dejen sus comentarios sobre que temas le gustaría que tratemos.

Primer lugar: Agregar meta tags a Blogger

Segundo lugar: Añade una favicon a tu blog en Blogger

Tercer lugar: Esconder la barra de navegación en Blogger

Cuarto lugar: Optimiza los títulos en Blogger

Quinto lugar: Agrega un buscador Google en tu blog.

Añade un favicon a tu blog en Blogger

2009-07-11T19:54:00.000-07:00

Un favicon es un icono de página, el cual es asociado a un sitio web o a un blog en particular, es una aditamento importante que podemos agregar a nuestro espacio en la red.

Por lo general un favicon es usado por los navegadores en sus barra de direcciones o en las pestañas de dichos programas, hay que tomar en cuenta que en la actualidad la mayor parte de los navegadores pueden tener varias pestañas abiertas en una misma sesión, por ende el favicon funciona como un logo que distinguirá en que pestaña se cuenta nuestro blog.

Ya teniendo conocimiento de que es un favicon, es hora de colocar el nuestro en nuestro blog.

Cualquier persona que tenga una bitácora alojada en Blogger sabe que el favicon por default que nos proporcionan es la B de Blogger, ya que millones de blogs están alojados en esta plataforma, es importante hacer un destingo en nuestro espacio, y para ello solo debemos realizar 4 sencillos pasos:

Crear o seleccionar nuestro icono.
Cambiar el formato de archivo a .ico
Subirlo a un hosting de imagenes en Internet.
Agregar un poco de código en nuestra plantilla.

Paso 1: Crear o seleccionar nuestro icono.

Si ya tienes tu logo eso puede servir (sólo debes asegurarte que las dimensiones sean de un cuadrado perfecto ej. 100 x 100), sino deberás abrir tu editor de imagenes (Photoshop, por ejemplo) y crear un icono de tamaño 16x16 px. Otra opción es la de encontrar en internet páginas donde ofrescan iconos y de alli seleccionar el que mejor nos agrade. Te recomiendo la pagina deviantart.com

Paso 2: Cambiar el formato de archivo a .ico

Este paso es opcional, ya que si nuestro archivo tiene la terminación .ico y un tamaño de 16x16, no deberemos realizar ninguna molificación extra. Aunque en la actualidad muchos navegadores aceptan las terminaciones .jpg o .png por estandarización deberemos de elegir la .ico, a continuación nos dirigiremos a la siguiente dirección www.favicongenerator.com y aquí seguiremos los pasos que nos indican, los cuales generaran el favicon tal y como debe ser.

Paso 3: Subirlo a un hosting de imagenes en Internet

Ya que hemos generado nuestro favicon deberemos de subirlo a un alojamiento para imagenes en Internet, hay muchas empresas dedicadas a este rubro puedes elegir la que más te guste, aquí te recomendamos a imageshack.us, lo importante es que copies la ruta de donde esta guardado tu favicon ya que la necesitaremos en el siguiente paso.

Paso 4: Agregar un poco de código en nuestra plantilla.

Estando en el escritorio de Blogger damos un clic en el link "Diseño"

Una vez que estamos en la página de edición de diseño, damos un clic en la opción "Edición de Html"

Buscamos la siguiente linea de código:

Y le añadimos la siguiente linea de código:

<link href=’Pega aquí la dirección de tu favicon‘ rel=’shortcut
icon’ type=’image/x-icon’/>

Solamente nos falta por dar clic en el botón de "Guardar Plantilla" y eso es todo, ya tendremos un favicon para nuestro Blog.

Las 5 mejores Maneras para hacer dinero con tu blog

2009-07-07T20:15:00.000-07:00

Sin duda alguna una de las principales metas de muchos de nosotros es hacer dinero con nuestro blog, pero algunos invertimos mucho tiempo y a veces mucho dinero en esta tarea y nos vemos
tristemente desilucionados con los resultados que obtenemos.

La mayoría de los bloggers se han preguntado por lo menos una vez en su vida ¿Cuál es la mejor manera para generar ingresos con nuestro blog?. Pues debemos de saber que la respuesta a esta pregunta no es la misma para todos y varía dependiendo de cada persona y del blog.

A continuación te enlistamos una serie de ideas que consideramos efectivas y fáciles de realizar con las cuales podrás aumentar tus ingresos:

1.- Programas de Publicidad

Una de las formas más usadas para hacer dinero en Internet, pues es relativamente sencillo el aderir a tu blog, en cualquiera de los Programas de Publicidad disponible en la red. El más famoso y que la mayoría conocemos es Google Adsense. Este programa es de uso sencillo pues no te tienes que preocupar por nada, solo debes de seleccionar el mejor lugar para mostrar la publicidad que este programa brinda.

Pero si quieres, probrar otros programas de publicidad te recomendamos Adbrite o Chitika, son buenas opciones.

2.- Coloca un Botón o Link de Donaciones para tu blog

Este tipo de acción depende mucho de la cantidad de tus visitantes y que tan bueno o de ayuda resultan los temas que trates en tu blog para dichas visitas. Te advierto que esto no te generara riquesas inmensas pero te ayudara a conseguir unos cuantos pesillos más.

3.- Vende productos en tu blog

Tu puedes vender productos que se relacionen con la temática de tu blog, el éxito de este punto depende en gran medida a que tu espacio cuente con una gran afluencia de trafico y si te dedicas a un nicho en especifico, definitivamente esta es tu mejor manera de lograr tu independencia financiera.

4.- Vende espacios para publicidad en tu blog

Esta es una estupenda manera de generar buenos ingresos y de manera segura, ya que al vender tu espacio, por lo general te podrás relajar 30 días sin preocuparte de nada más. Aquí te ponemos un link BuySellAds.com

5.- Programas de afiliados

Este tipo de programas funcionan de varias maneras, te proveen de un banner el cual deberas colocar en tu blog si un visitante da un clic en el banner y se registra en el servicio proporcionado tu ganaras alguna comisión por ello. Las comisiones rondan en 5% a 10% varía de cual es el plan o programa al que te afilies.

Mostrar post recientes para categorias especificas

2009-06-23T16:12:00.000-07:00

Muchos blogger en la actualidad se inclinan por el uso de WordPress, pues bien para ellos, aqui les tengo un buen truco con el cuál podran mostrar los post más recientes para alguna categoria especifica.

Como saben para mostrar los post recientes en WordPress se usa esto:

<h2>Recent Posts</h2>
<ul>
<?php get_archives('postbypost', 6); ?>
</ul>

Pero, ¿como podremos mostrar los post especificos para una determinada categoria?, Sólo debemos de sustitur lo anterior por lo siguiente:

<ul>
<?php $recent = new WP_Query("cat=1&showposts=10"); while($recent->have_posts()) : $recent->the_post();?>
<li><a href="<?php the_permalink() ?>" rel="bookmark">
<?php the_title(); ?>
</a></li>
<?php endwhile; ?>
</ul>

Aquí cat=1 es nuestro numero ID de categoria y showposts=10 son nuestro spost recientes de el contador de categorias especificas.

Ok, cuando agregues este codigo a tu archivo sidebar.php, tienes que checar el ID especifico para la categoria, esto lo puedes hacer desde el admin panel, manage, categories.

Dairy Key, plantilla para WordPress

2009-06-23T15:57:00.000-07:00

Buscando por la red, nos encontramos con esta bella plantilla para WordPress, que la disfruten

Plantilla Wordpress "Dairy Key"

Descripción: Plantilla a 3 columnas, consta de 4 colores, es una plantilla muy elegante para uso personal.
Sitio Web: Free WordPress templates and themes
Descargar aquí

5 plantillas para blogger gratis

2009-06-20T13:51:00.000-07:00

A continuación presentamos una selección de varias plantillas que podemos usar en nuestro blog hospedado en Blogger. Los temas de las plantillas son variados y van desde deportes hasta negocios.

Todas estas plantillas están disponibles para descargar de manera gratuita, solo tienes que dar un clic en el titulo y se dirigirá inmediatamente a la página original de descarga.

Plantilla para antro o centro nocturno

Plantilla Lady Bird

Plantilla Bosque obscuro

Plantilla Totuli Pink

Plantilla Vacaciones Exoticas

Introducción a HTML

2009-06-19T11:38:00.000-07:00

HTML (HyperText Markup Language) es un lenguaje de marcado muy sencillo de usar y que permite desarrollar o construir páginas web. El objetivo de HTML es permitir describir hipertexto, que es texto, el cuál es presentado de forma estructurada y agradable.
Además de por complementar dicho texto con objetos tales como:

Imagenes
Hipervinculos
Sonido
Presentación en Flash
Vídeo y más...

Un documento HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares, comúnmente conocidos como los signos de mayor que y menor que (< >). Por convención, los archivos HTML usan la extensión .html ó .htm

Historia del Html

En el año de 1980, el físico Tim Berners-Lee, que era un trabajador independiente del CERN (La Organización Europea para la Investigación Nuclear), propuso un proyecto prototipo conocido con ENQUIRE, cuyo objetivo era el de permitir el uso y divulgación de documentos entre los investigadores del CERN.

Corría el año de 1989 cuando Tim Berners-Lee y el Ing. Robert Cailliau presentaron por separado propuestas para la creación de un sistema de hipertexto basado en Internet que cumpliera con las mismas funciones que el proyecto ENQUIERE.

Para nuestra fortuna, en los años posterior Tim y Robert trabajarón en conjunto para desarrollar el proyecto WorldWideWeb (W3), el cuál fue aceptado por el CERN y que posteriormente se convertiría en el hoy conocido HTML.

Primeras especificación de HTML

La primera descripción disponible al público de HTML fue un documento llamado "HTML Tags" (Etiquetas de HTML), dicho texto fue mencionado por primera vez en Internet por el mismo Tim Berners-Lee a finales de 1991.

Este documento describía 22 elementos que integraban la primera versión del lenguaje, cabe destacar que 13 de estos elementos aun existen en las versiones más modernas (HTML 4), además exponia que el HTML es un lenguaje de formateo de texto e imágenes, él cuál es usado por los navegadores para brindarle formato de manera dinámica a las paginas web.

Berners-Lee considero en un principio al HTML como una aplicación de SGML, pero fue hasta el año de 1993 que esto fue definido formalmente en una publicación hecha por la IETF de la primera propuesta para la especificación de HTML.

<< Documentos lineales vs de hypertexto

Documentos lineales vs de hypertexto

2009-06-17T11:23:00.000-07:00

Lo primero que hemos de tener en cuenta al diseñar un documento o un conjunto de páginas Web es que se trata de un documento de hypertexto y no de un documento lineal, como podría ser un libro.

Al escribir un libro, el autor ordena los capítulos secuencialmente para que se ajusten a la exposición que él pretende realizar. Aunque al leer el libro podamos ir directamente a un capitulo en particular, éste ha sido escrito para que su lectura fuera lineal.

Por otro lado, al desarrollar un documento Web hemos de considerar que puede darse el caso que se acceda a una página o conjunto de páginas en particular directamente sin leer el resto del documento.

En un documento de Hypertexto encontraremos enlaces dentro de la página que nos permitirán ir directamente a cualquier parte del documento.

A continuación mostramos un gráfico para ver la estructura de un documento diseñado para la Web:

World Wide Web | WWW

2009-06-17T11:01:00.000-07:00

Sin lugar a dudas la gran expansión que ha sufrido durante los últimos años Internet es debido a la aparición de las "páginas web".

Las palabras World Wide Web o simplemente Web, hacen referencia al conjunto abstracto de información que podemos encontrar en el ciberespacio.

El creador de World Wide Web es Tim Bernes-Lee, que en el año de 1989 empezó a desarrollar una forma sencilla de presentar información multimedia a través de la red. La base de Internet es un conjunto de protocolos que permiten compartir información a través de Internet.

La aparición del primer navegador o lector Web, fue desarrollado por el Centro Nacional de Supercomputación (NCSA por sus siglas en Ingles) en 1992 y este hecho marcó el inicio de la popularización de World Wide Web.

El protocolo utilizado por los clientes y servidores Web se denomina HTTP (HyperText Transmission Protocol). Una de las causas del éxito de la World Wide Web radica en el hecho de que el protocolo HTTP es capaz de manejar diversos protocolos de Internet como son:

FTP
WAIS
Gopher

La mayor parte de los servidores web están basados en entornos UNIX, aunque en la actualidad los servidores basados en tecnología Windows y Macintosh están obteniendo poco a poco una cuota de mercado mayor.

Por el contrario el sistema operativo dominante en el caso de los navegadores web es el Windows, siendo el navegador Internet Explorer el más usado, seguido muy de cerca por FireFox y Opera.

Esconder la barra de navegación de Blogger

2009-03-28T11:45:00.000-07:00

Cuando usamos una de las plantillas prediseñadas que nos proporciona Blogger, aparece siempre una barra de navegación en la parte superior del navegador.

Esta barra nos permite navegar de manera aleatoria a otros blogs, además de que nos permite buscar algún blog en especial, entre otras funciones adicionales.

Para muchas personas (incluyendome) no es grato tener una barra de navegación "estándar" en la parte superior ya que muchas veces no concuerda con el diseño de nuestro blog o simplemente no es de nuestro agrado.

Para poder ocultar esta barra solamente tenemos que seguir algunos cuantos pasos.

Estando en el escritorio de blogger nos dirigimos al enlace "Diseño" y damos clic.

A continuación damos clic en la opción "Edición de HTML".

Aquí pegaremos las siguientes lineas de código dentro de las etiquetas <style> y </style>:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Ahora solo debemos de guardar la plantilla y queda listo... Ya hemos escondido la barra de navegación de Blogger.

Agregar meta tags a Blogger-Blogspot

2009-03-27T06:45:00.000-07:00

Las meta tags son las etiquetas usadas en html para describir nuestro sitio, además son estas etiquetas las que usan los buscadores para conocer la temática y en si el tema que se trata en tu web o blog. Son de mucha importancia para generar un buen trafico y posicionamiento en los buscadores como google, yahoo, msn, etc.

Otro aspecto importante de las meta tags es que permiten una mejor y más correcta indexación de tu sitio o blog a dichos motores de búsqueda.

Las 2 meta tags más importantes para los buscadores son:

meta description: Como su nombre lo indica nos permite realizar una descripción del contenido de nuestra página o blog.
meta keyword: Contiene las palabras clave de nuestro sitio o blog

Desafortunadamente Blogger/BlogSpot no agrega ninguna meta tag a nuestro blog, por lo que debemos añadirlas manualmente.

Para agregar las meta tags es muy fácil; estando en el escritorio de Blogger damos un clic en el link "Diseño".

Una vez que estemos en la página de edición de diseño damos clic en la opción "Edición de Html" Copiamos el siguiente código:

<meta content='Descripción de tu blog' name='description'/>
<meta content='Palabras clave' name='keywords'/>
<meta content='Nombre del autor' name='author'/>

Buscamos la siguiente línea de código:

<b:include data='blog' name='all-head-content'/>

Pegamos debajo el código que copiamos anterior mente y eso es todo hemos añadido las meta tags a nuestro blog.

¿Qué son los backlinks?

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

Si tenemos un blog o sitio web quizá hemos escuchado hablar de los Backlinks, pues bien muchos motores de búsqueda entre ellos Google utilizan a estos links para dar relevancia a los blogs o a las webs.

Un backlink es un link o enlace que tiene una página web hacia otra página web externa, por ejemplo, si webxiss.blogspot.com tiene un enlace hacia www.tu-blog.com, se dice que www.tu-blog.com tiene un backlink de webxiss.blogspot.com. Un ejemplo claro de backlinks en blogs es cuando encuentras una herramienta, imagen, artículo, etc. en otra parte y tu lo compartes poniendo un enlace desde tu blog a esa herramienta, imagen, articulo, etc.

Añade la url de tu sitio o blog en mas de 100 buscadores gratis

2009-03-24T13:27:00.000-07:00

Si deseas generar más trafico hacia tu blog o sitio web una manera muy sencilla es la de indexar tu web a los motores de búsqueda.

Aquí te presento algunas herramientas las cuales realizan el indexado automático de nuestro sitio en más de 100 buscadores diferentes:

Free Search Engine Submission: realiza la indexación de nuestro sitio en más de 100 buscadores, nos ofrece la opción de seleccionar nosotros mismos los buscadores a los cuales deseamos enviar nuestra url, lo único que piden a cambio es que muestres un botón en una de tus páginas o en tu blog. El botón a mostrar es el siguiente:

SubmitShop: nos da una lista de hasta 120 buscadores para que podamos indexar nuestra web.
EARL's: ofrece una lista de buscadores en idioma español, ingles, francés, portugués para que podamos indexar nuestra url sin problemas.

Cuanto dinero vale tu blog o website...

2009-03-23T21:03:00.000-07:00

Navegando por la red me tope con una herramienta pues quizá útil pero que a mi me pareció muy divertida la herramienta es una calculadora que estima el valor cual te pueden pagar por tu blog o sitio web.

La dirección de la herramienta para que la visiten y chequen el valor de su blog o web es: Cubestat,
su funcionamiento se basa en un algoritmo que toma en cuenta tus visitantes y la publicidad de tu espacio.

Además de darte el valor monetario de tu blog también nos brinda otros datos interesantes, como tu posición en el ranking de alexa, pagerank, las paginas que están indexadas en Google, en Yahoo, tus visitas diarias entre otras cosas más.

Plantillas gratis para WordPress

2009-03-23T17:11:00.000-07:00

En mis post nunca he hecho uno totalmente dirigido a WordPress y creo que es hora de hacerlo, sin duda alguna WordPress y Blogger son los servicios de blog más utilizados, en mi anterior post hable de las plantillas para Blogger, ahora les mostrare varios sitios donde podremos encontrar plantillas para WordPress, no importando la temática de tu blog.

En todos los sitios listados arriba podrás encontrar plantillas para WordPress de cualquier temática, deportes, música, espectáculos, etc.

Plantillas gratis para Blogger/Blogspot

2009-03-22T19:49:00.000-07:00

Cuando tenemos un blog, queremos que sea único e imprimirle nuestro sello, agregamos widgets, modificamos la tipografía, etc.

Sin duda alguna modificar la plantilla es una de las primeras cosas que deseamos hacer, muchas de las plantillas con que cuenta Blogger no logran satisfacernos al 100%, quizá en un inicio solo modifiquemos algunas pequeñas cosas o si nos aventuramos a realizar nuestra propia plantilla desde cero es una tarea laboriosa y nos consumira mucho tiempo, lo mejor que podemos hacer es conseguir una plantilla prediseñada de esas que rondan en la web.

Existen de muchos tipos y estilos diferentes, practicamente cubren todas las áreas posibles ya sea que tu blog hable de música, deportes, política, actualidad, moda o cualquier otro tema.

A continuación te presento una lista de lugares donde encontraras plantillas para Blogger y lo mejor de todo es que son 100% gratis.

Densidad de Palabras Claves

2009-03-20T16:46:00.000-07:00

Se le conoce como "Densidad de Palabras Clave" (Keyword density) a la cantidad en porcentaje (%) de veces que aparece una palabra clave o frase clave dentro de una pagina, en relación a la cantidad total de palabras de dicha pagina,

La formula para calcular la densidad de palabras clave es:

(CAKEP / PTP) * 100

CAKEP = Cantidad de Apariciones de Keyword Especifico en la Página
PTP = Palabras Totales en la Página

Para poder explicar mejor el punto veamos el siguiente ejemplo:

Palabras clave o Keyword: palabras,clave,SEO

Este es un texto de ejemplo que habla sobre las palabras clave y su significado en SEO, las palabras clave son un medio en SEO para saber si un sitio web o blog es relevante a cierto grupo de palabras clave o frases clave...

En el texto anterior si buscamos individualmente las keyword, tenemos el siguiente resultado:
"palabras" - Aparece tres veces en el texto
"clave" - Aparece tres veces en el texto
"SEO" - Aparece dos veces en el texto

Entonces si queremos saber la densidad de la keyword "SEO" tenemos que hacer la siguiente operación:

(CAKEP / PTP) * 100 = (2 / 44) * 100

(2/44)= 0.045 * 100 = 4.5

La densidad de la Keyword "SEO" en el texto de arriba es de 4.5%. Como pueden ver es muy sencillo obtener este valor, el problema llega cuando queremos obtener la densidad total de palabras clave en nuestra página, pues seria una tarea titánica, por suerte existen sitios donde podemos conocer la densidad de palabras clave de nuestra pagina o blog, a continuación presento una lista de opciones que podemos usar:

Optimizar los titulos en Blogger/Blogspot

2009-03-19T16:43:00.001-07:00

Como he comentado anteriormente el titulo es un elemento sumamente importante para los buscadores y por ende es una herramienta muy poderosa para lograr una buena ubicación en ellos.

En Blogger desafortunadamente cuando ingresamos una nueva entrada el titulo aparece de la siguiene manera:

Nombre d enuestro blog - Titulo de nuestra entrada

Esto no es nada bueno porque segun el principio de prelación nos dice que cuanto más a la izquierda se encuentre una palabra en el titulo, mayor fuerza de posicionamiento logra.

Por ejemplo, si mi nueva entrada habla de como podemos optimizar los titulos en Blogger, no quiero que la palabras más destacadas en esta entrada sea el titulo completo de mi blog, sino que sea optimizar los titulos en blogger.

Si queremos cambiar esto, tendremos que modificar un poco nuestro código html, el primer paso es dirigirnos a la pestaña "Diseño" y damos clic en la opcíon "Edición de Html".

Aquí buscamos la siguiente linea de código:
<title><data:blog.pagetitle/></title>

Y la sustituimos por las siguientes lineas de código:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Con este simple cambia que realizemos podremos mejorar notablemente nuestra posicion en buscadores. Intentalo y dime los resultados.

Otras entradas relacionadas con el tema:

Elegante botón para web en Photoshop

2009-03-19T06:55:00.000-07:00

Aqui presentamos otro tutorial para el diseño de botones para web

1. Generamos el lienzo de trabajo Abrimos Photoshop y generamos el lienzo de trabajo, en esta ocasión establecemos el tamaño del liezno a: 100px de ancho por 40px de alto y color de fondo blanco #ffffff.

2. Dibuamos el area del boton Seleccionamos la herramienta "Rectangulo redondeado" (U) y establecemos su radio a 5px, a continuación dibujamos el area del boton en el lienzo de trabajo.

3. Establecemos los estilos de capa Nos dirigimos al menú Capa >> Estilo de capa >> Opciones de fusión... y establecemos los valores como aparece en las imagenes:

4. Agregamos brillo al botón Seleccionamos la herramienta "Rectángulo redondeado" y establecemos un radio de 10px, dibujamos un rectando pequeño como se muestra en la imagen.

5. Cambiamos la opacidad de la capa Primero damos un clic derecho sobre la capa brillo y buscamos la opción "Raterizar capa" y damos clic sobre ella, una vez hecho esto nos dirigimos a la opacidad de la capa y la establecemos en 8%.

6. Añadimos texto Seleccionamos la herramienta "Texto" (T) y escribimos el texto que deseamos sobre el área de botón y establecemos el estilo de capa como aparece en la siguiente imagen.

Y terminamos nuestro botón para web el resultado es el siguiente:

Otros tutoriales de diseño web que te pueden interesar:

Botones para web en Photoshop

Búsqueda orgánica ¿Qué es esto?

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

Navegando por la red me he topado en muchos foros con la siguiente pregunta ¿Qué es la búsqueda orgánica?.

Pues bien, los resultados de búsqueda orgánica se refiere a la listas de enlace que aparece en las páginas de resultados de un motor de búsqueda determinado, los enlaces con más importancia para los términos de búsqueda aparecerán primero, esto dejando de lado los enlaces pagados al motor de búsqueda.

Optimización de imagenes para una mejor posicion en buscadores

2009-03-18T06:32:00.000-07:00

Las imagenes son un elemento muy importante de nuestro sitio web, por ende resulta muy efectivo su optimización para mejorar nuestro posicionamiento en buscadores. Todas las imágenes pueden tener un nombre de archivo definido y un atributo "alt", de los cuales podemos aprovecharnos.

La etiqueta "alt" nos permite especificar el texto que puede aparecer en vez de la imagen, si esta no puede mostrarse por cuaquier razón (no se encontro la imagen, problemas de carga, etc).

El atributo "alt" funciona como texto ancla cuando una imagen se utiliza como enlace, la optmización de este atributo y del nombre de archivo de tu imagen hace más sencillo para los buscadores entender tu sitio web.

Una buena practica de optimización de imagenes es el usar nombres de archivo y texto en "alt" breves pero descriptivos, evitando usar nombres genéricos como "imagen1.jpg" o "pic.png" cuando sea posible, no utilices nombres de archivo muy largos, ni llenes la etiqueta "alt" con muchas palabras clave.

Utiliza texto en el atributo "alt" cuando utilices imagenes como enlaces, evitando escribir textos largos en "alt", ya que se puede considerar como spam.

Y como ultimo consejo almacena tus imagenes en un directorio aislado, en lugar de tener archivos de imagenes diseminados en diferentes directorios y subdirectorios por todo tu dominio.

Entradas relacionadas con el tema:

Ganar dinero en Internet sin invertir nada

2009-03-17T15:03:00.000-07:00

Ganar dinero en Internet y sin invertir nada, así y como lo lee querido amigo, es posible generar ganancias sin invertir dinero solo esfuerzo y tiempo, quizá este sea un tópico recurrente en Internet, pero creame es cierto, quizá no se gane tanto para dejar de trabajar (tal vez en un inicio no), pero mejorara su ingresos si.

¿Cómo podemos lograr esto?, bueno pues existen varias opciones para hacerlo, desde escribir un blog, comentar en foros hasta el diseño y administración de un sitio web.

Pero, vamos por partes, iniciemos por el blog, usted puede crear su propio blog en pocos minutos y esto es de forma gratuita, existen muchos servicios de blog en Internet, uno de los más usados es Blogger, en este blog usted puede hablar de lo que quiera, los expertos recomiendan hablar de temas que uno domine, ya tendiendo nuestro blog, la forma en que lo podemos monetizar es usando AdSense la herramienta de Google, es el servicio más sencillo y conocido de usar, además que es de muy fácil integración con Blogger, si quiere generar ganancias con su blog deberá de tener un buen trafico hacia el, de un clic aquí para ir a mi guia de "Como genera trafico para mi blog".

Si lo que usted desea es tener un sitio web y generar ingresos con él, pues lo que debe hacer es tener una buena idea para ese sitio generar trafico hacia él, aquí la cosa cambia un poco ya que se necesita un alojamiento para nuestro sitio, imagenes para complementar nuestro texto y publicitarlo, pues bien, existen alojamiento web gratuitos que nos ofrecen muy buenas opciones, la mejor que yo considero es 110mb.com, es gratuito, no te agrega publicidad a tu sitio, permite el uso de php y bases de datos. las imagenes las podemos conseguir de manera gratuita de el sitio sxc.hu, tiene imagenes de muy buena calidad.

Como ven solo debemos de trabajar un poco y ofrecer calidad a nuestros usuarios y generaremos dinero por Internet.

Cambiamos para mejorar

2009-03-16T20:09:00.001-07:00

El día de hoy nos complace anunciar que realizamos algunos cambios en la plantilla de nuestro blog, todo con simple meta de ser mejores cada días, seguimos con nuestro mismo plan, ofrecer contenido de calidad y útil para nuestros lectores, no desistiremos en esta tarea que llevamos a cabo con mucho gusto, esperen nuevas sorpresa por parte de su blog favorito de diseño.

Videos "Herramientas para webmaster de Google"

2009-03-16T10:17:00.000-07:00

En el blog oficial para webmaster de Google, podemos encontrar unos videos bastante buenos, los cuales explican como poder utilizar estas herramientas aqui se lo pongo para que los vean o bien puedes dar clic aqui para ir al blog oficial.

Primer video de la serie

Segundo video de la serie

Tercer video de la serie

Cuarto video de la serie

Quinto video de la serie

Sexto y último video de la serie

Como agregar nuestra url a Google

2009-03-16T09:17:00.000-07:00

Cuando queremos promocionar nuestro sitio web o blog, debemos utilizar todos los medios disponibles y el mejor de ellos es el buscador Google, ya que 80% de las consultas en Internet son hechas a este motor de búsqueda, por lo tanto es importante asegurarnos que nuestro blog o sitio web aparezca en sus resultados.

Para agregar nuestra url a Google solamente nos tenemos que dirigir a esta dirección
http://www.google.com/addurl y llenar los datos que se nos piden, en si solo son 2 campos a llenar url de nuestro sitio y descripción del mismo. y eso es todo, ya hemos agregado nuestra url a Google, Sólo debemos tomar en cuenta que Google no indexara inmediatamente nuestro sitio a sus resultados, ya que tendremos que esperar un periodo de tiempo debido a la gran cantidad de peticiones que tiene. a este periodo se le conoce como SandBox.

Temas relacionados con esta entrada:

Añade la url de tu sitio o blog en más de 100 buscadores gratis

Como agregar un contador de visitas en Blogger

2009-03-14T11:53:00.000-07:00

En esta ocasión me gustaria comentar de como podemos agregar un contador de visitas en Blogger, en si es una tarea fácil de realizar y requiere de muy pocos pasos.

Antenes que nada debemos encotrar un servicio de contadores que nos guste yo recomiendo 2 en particular el primero es Histats.com el cual te proporciona una muy completa información acerca de los vistantes a tu blog, te proporciona la ubicación geografica de cada uno de ellos, ademas de como llegaron ellos a tu blog, si es por buscador, te informa que palabras utilizaron para encontrar tu links, un servicio gratuito y muy bueno.

El segundo es ademail, tambien muy buen servicio, te presenta graficas muy detalladas y de mucha utilidad.

Solo tenemos que crear una cuenta en alguno de estos servicio y una vez que tengamos el código que debamos pegar en nuestro blog, simplemente nos dirigimos a Diseño y en la parte derecha damos un click en "Añadir un gadget", aquí buscamos la opción "Html/Javascript" y es en esta área donde pegaremos el código que recibimos del servicio de contador, damos guardar y eso es todo ya tenemos un contador de visitas para nuestro blog.

Entradas relacionadas con el tema:

Guia SEO de Google

2009-03-13T22:41:00.000-07:00

Navegando por el blog para Webmaster de Google, me tope con la agradable sorpresa de la Guía SEO de Google para principiantes, con este documento podremos obtener mejores conocimiento sobre el posicionamiento de nuestros blogs o webs.

Aqui dejo el links para que lo visites y lo cheques.

Optimización de titulos para mejor posicionamiento en buscadores

2009-03-13T16:51:00.000-07:00

La etiqueta más importante que podemos encontrar en una página web, para mejorar el posicionamiento en buscadores es sin duda la de titulo.

Aunque paresca una etiqueta sencilla no solo permite una mejor optimización del sitio, ademas facilita la navegación al usuario. No debemos pensar en un título como una característica propia de una página html, sino como una propiedad que atañe globalmente a todo el sitio.

A continuación veremos como optimizar esta importante sección de nuestra página.

Podemos decir, que el titulo tiene 4 funciones muy importantes:

Describir el contenido de una página web
Atraer nuevos visitantes a nuestra web
Etiqueta la aplicación de Windows
Es la fuente de información más importante para los buscadores.

Un buen titulo debe ser una frase bien redactada y llamativa, ademas debe describir de manera relevante el contenido ofrecido dentro de nuestra página.

El titulo tiene que contener una alta densidad de palabras clave, debemos tomar en cuenta que Google solo indexa los primeros 64 cracteres de nuestro titulo, mientra Yahoo busca los primeros 120 caracteres. Por lo tanto la información principla y palabras claves del titulo debe estar contenida en los primeros 64 caracteres. Tomando en cuenta el principio de prelación, cuanto más a la izquierda se encuentre una palabra en el titulo, mayor fuerza de posicionamiento logra.

Cada página debe tener un titulo único y simpre debemos utilizar el lenguaje adecuado para nuestra audiencia.

Siguiento estas recomendaciones mejoraremos nuestra ubicación en los buscadores.

Entradas relacionadas con el tema:

Dentro de AdSense: Obtener ingresos con anuncios que llegan al público objetivo deseado

2009-03-13T14:59:00.000-07:00

Dentro de AdSense: Obtener ingresos con anuncios que llegan al público objetivo deseado

¡No entiendo!, AdSense y la publicidad basada en intereses

2009-03-13T14:37:00.000-07:00

Muchos de nosotros que pertenecemos al grupo de editores de AdSense nos encontramos con un pequeño e-mail en nuestras bandejas de entrada, el cuál lleva por titulo: "Presentación de la publicidad basada en intereses - acción requerida en su cuenta de AdSense".

Este e-mail ha causado mucha discusión y mal entendimiento entre los usuarios de AdSense, debido a la poca clara edición de su contenido.

Pero en resumidas cuentas lo que AdSense nos comunica es la implementación de publicidad basada en interés (si deseas saber todo lo referente a este tema da un click aqui). Además nos pide que cambiemos nuestras "Políticas de Privacidad" y ajustarlas para que informen al usuario de nuestra web o blog de que su navegación en internet esta siendo monitoriada por una cookie de AdSense, algo parecido a que se debe de informar de otra cookie conocida como DART.

Dado que muchos de los editores de AdSense no somos empresas, no tenemos la necesidad de recopilar información de nuestros usuarios por ende no tenemos Políticas de Privacidad.

Sólo queda la duda de que si todos los editores de ahora en adelante tengamos que implementar estas Políticas de Privacidad.

Por lo demás no se preocupen que solo son cambios mínimos que nos afectaran para bien.

Elegante barra de navegación en Photoshop

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

Actualmente muchos sitios en Internet ya implementan una barra de navegación en la cuál colocan los links más atractivos para sus visitantes, en este post te enseñare como podemos hacer una elegante barra de navegación.

1. Preparación del lienzo
Como siempre iniciaremos por establecer el lienzo de trabajo, para esta ocasión estableceremos los siguientes valores: un ancho de 800px y un alto de 35px, el fondo sera de color blanco.

2. Agregamos las lineas guias.
Por el momento tenemos que agregar 4 lineas guias, las cuales nos serviran para dibujar la barra de navegación; 1° linea guia 2px en vertical, 2° linea guia 798px en vertical, 3° 2px en horizontal y 4° 33px en horizontal.

3. Dibujamos la barra de navegación
Seleccionamos la herramienta "Rectangulo redondeado" y fijamos un radio de 5px, ahora lo dibujamos en el lienzo apoyandonos en las lineas guias.

4. Configuramos los estilos de capa
Nos dirigimos al menu Capa >> Estilos de Capa >> Opciones de fusión... y modificamos los valores como aparecen en las imagenes.

5. Dividimos la barra en botones
I.- Ahora necesitamos 2 lineas guias; 5° linea guia 50px en vertical y 6° linea guia 750px en vertical, ya con las lineas seleccionamos la herramienta "Línea" y dibujamos una linea en vertical de 1px de grosor sobre la 5° linea guia. La linea debe tener el color #c9ced2.

II.-Ya teniendo dibujada la primera linea nos movemo 1px a la derecha y dibujamos otra linea igual solo que esta vez sera de color blanco.

III.- Repetiremos los pasos 5I y 5II cada 100px hasta llegar a la 6° linea guia.

6. Añadimos texto a los botones
Ya teniendo definidos los botones, escogemos la herramienta "Textoo" (T) y escribimos el nombre de los botones la tiporgrafia puede ser cualquiera, recomiendo arial, o verdana, el color #666666 y el tamaño 14pt, para este ejercicio utilice los siguientes textos:

Home
Nosotros
Artículos
Blog
Foros
Recursos
Taller

Y listo, ya tenemos terminada nuestra barra de navegación.

Adsense en mantenimiento

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

Así es Adsense estara en mantenimiento el 14 de marzo, a continuación presento la noticia, la cuál pueden ver aqui.

Pausamos para mejorar - también este mes

El sábado 14 de marzo, realizaremos nuevas operaciones de mantenimiento del sistema que durarán 4 horas.

Durante estas horas no podrás acceder a tu cuenta, pero tus anuncios se seguirán mostrando y tus ganancias seguirán siendo registradas.

La breve interrupción ocurrirá entre las 10:00 hs y las 14:00 hs, en el horario de Mountain View, California. A continuación, hemos incluido el horario en que sucederá la interrupción en algunas ciudades de habla hispana:

Buenos Aires 15:00 hs
Madrid 18:00 hs
Santiago 14:00 hs
Bogotá 12:00 hs
Caracas 12:30 hs
Santo Domingo 13:00 hs
La Paz 13:00 hs
Mexico D.F. 11:00 hs

Esperamos no causarte ningún inconveniente por la espera.

Consideraciones en el diseño de páginas web

2009-03-12T12:20:00.001-07:00

Crear una página web no consiste solamente en escribir algunas lineas de texto con algunas imágenes e insertar unos enlaces. Antes de empezar a crear una página Web deberemos tomar en cuenta una serie de cuestiones muy importantes.

El primer paso antes de siquiera empezar a escribir código de Html es tener en claro cuales son los objetivos que pretendemos conseguir con nuestra web. Es muy aconsejable escribir un esquema del contenido del documento
Tener en cuenta a que tipo de publico potencial orientaremos nuestro documento, ya que de esto dependerán el aspecto visual del mismo.
Cuando incluyamos imágenes debemos procurar que su tamaño y cantidad no sea excesivo, si la página está muy cargada de imágenes de gran tamaño, el tiempo de espera para su lectura puede cansar al visitante u hacer que éste se desespere y la abandone.
Si debemos colocar imágenes de gran tamaño, podemos incluir una copia reducida la cuál servirá de enlace a la imagen original.
Es importante realizar diseños simples para que la información que presentemos quede clara. Intentaremos evitar fondo o colores que puedan hacer difícil la lectura o visualización del documento.
Evitaremos en la medida de lo posible las páginas "grises" en las cuales sólo hay texto.
Hemos de permitir al usuario moverse con total libertad por nuestro sitio web, para ello será necesario incluir enlaces con los que el usuario pueda acceder con facilidad a la página inicial o a otros puntos clave del documento.
Intentaremos diseñar un estilo propio el cual nos identifique.

En fin, esto no pretende ser un decálogo, sino más bien una guia de punto a seguir para conseguir un mejor diseño de nuestros sitios web.

Blog de productos Google

2009-03-12T07:10:00.000-07:00

En esta ocación hablaremos del nuevo blog oficial sobre productos de Google, el cual tiene como objetivo ofrecer información en español sobre novedades, sugerencias de uso y lanzamietos de nuevos productos.

La fecha de inicio de operaciones de este nuevo blog fue el 5 de febrero de 2009 y ya cuenta con muy buena aceptación entre la comunidad hispanoparlante, definitivamente es un blog que no puedes dejar de visitar.

Google Sitemap

2009-03-12T06:33:00.000-07:00

Google Sitemap es un sistema que nos ayuda a informar al robot de busqueda de Google sobre las páginas que tenemos en nuestro sitio web. De esta manera, Google podrá rastrear más fácilmente nuestros contenidos y podremos aparecer así en los resultados del buscador. Además, también proporciona estadísticas del acceso del robot, y resúmenes de posibles errores de rastreo.

Lo mejor de esta herramienta es que es totalmente gratis y para poder usarla solo debes de acceder a http://www.google.com/webmasters/tools/?hl=es y utilizar tu cuenta de usuario de Google.

Botones para web en Photoshop

2009-03-11T13:14:00.000-07:00

En el siguiente tutorial veremos como podemos crear botones para usarlos en nuestra web.

1. Establecemos el lienzo
Como siempre nuestro primer paso es establecer el tamaño del lienzo, para esta practica los valores son: 100px de ancho por 40px de alto y como contenido de fondo "transparente".

2. Lineas guia
Trazaremos 4 lineas guias con posiciones a 2px y 98px en vertical; 2px y 38px en horizontal. Para ello iremos al menú Vista >> Guía nueva...

3. Dibujamos el botón
Seleccionamos la herramienta "Rectángulo redondeado" (U) y le aplicacos un radio de 3px, apoyandonos en las lineas guias dibujamos el botón en el lienzo.

4. Aplicamos el estilo de capa
Ya teniendo dibujado el boton, nos dirigimos al menú Capa >> Estilo de capa >> Opciones de fusión y establecemos los valores como en la siguiente imagen:

#c10404 - #8f1d1d

5. Agregamos algo de brillo
Añadimos una nueva capa, después volvemos a seleccionar la herramienta "Rectángulo redondeado" (U) y de nuevo apoyandonos en las lineas guias dibujamos un nuevo rectángulo de color blanco #ffffff, pero con la mitad de altura del primero. Habiendo hecho esto vamos a la ventana de capa y le asignamos una opacidad de 15%.

6. Texto
Ya casi terminamos el botón, lo restante es agregarle el texto que nosotros deseemos, para ello seleccionamos la herramienta Texto (T) y en una nueva capa escribimos "Buscar", de preferencia el color del texto asignen lo blanco #ffffff y de tipografía la Trebuchet MS nos da muy buenos resultados.

Y eso es todo, ya tenemos un botón el cual lo podemos utilizar en nuestra web o blog.

Entradas relacionadas con el tema.

Blog de Adsense

2009-03-11T12:25:00.000-07:00

En la actualidad si queremos ganar algo de dinero con nuestros blogs o web, inmediatamente nos surge la idea de utilizar AdSense, pues es un servicio muy rentable y esta apoyado por el gigante de Internet Google.

Y en esta ocasión hablare del Blog de AdSense ya que me parece de suma importancia destacar la labor que esta haciendo Google dándole cada vez más herramientas a los editores, con el único fin de que su servicio de publicidad sea mejor cada día.

En dicho blog de AdSense, podemos encontrar información muy interesante y de gran valia que nos permitirá obtener un mejor rendimiento de nuestros anuncios. Si eres un editor novel, no te preocupes hay una sección enteramente dedicada a ti donde se trata temas que te irán guiando por tus primeros pasos en este servicio.

También existen otras secciones como:

Optimización (muy recomendable)
Pagos
Políticas
Usuarios avanzados
Casos prácticos

Cabe resaltar que en el blog Google, también proporciona vídeos los cuales abarcan diferentes temas.

Desde cualquier punto de vista una herramienta más que no puedes dejar de visitar.

Agregar un buscador Google a tu web o blog

2009-03-10T16:47:00.000-07:00

Agregar un buscador a tu web o blog es algo que no puedes dejar pasar, pues le estarias ofreciendo a tus visitantes un servicio de busqueda y que mejor con el lider en el ramo, Google.

Hablemos un poco del buscador que vamos a agregar, en esta ocasion Google realizara la busqeda en toda la red y no en tu web o blog, si quieres aderir la opción de buscar en tu web, entonces necesitas el servicio de Google Custom Search.

Manos a la obra lo unico que necesitas hacer es copial el codigo que aparece a continuación y lo pegas en la parte de tu web o blog donde quieras que aparesca.

Puedes cambiar los logos que aparecen de google para ello solo debes de cambiar la parte que aparece en color rojo, por alguna de las imagenes que aparecen a en esta página Logos Google.

Generar tráfico para tu blog

2009-03-09T16:34:00.000-07:00

Sin lugar a dudas una de las cosas más importantes a la hora de administrar un blog o si bien, pensamos en crear uno es la de como generaremos tráfico o lectores hacia el, ya que por obvias razones uno de nuestros principales objetivos es rentabilizarlo para ganar un dinero extra (que en estos tiempos nos caeria de maravilla xD).

Existen diversas practica que poder llevar a cabo, pero ninguna de ellas es mágica, además creo oportuno mencionar que la promoción de nuestro blog es una tarea constante, ya que si esperamos obtener gran cantidad de trafico de la noche la mañana nos vamos a llevar una terrible decepción y es aquí en donde muchos desisten y dejan por la paz algo que pudo ser un buen proyecto.

Pero ya esta bien de tanto sermón y metámonos de lleno con las actividades que podemos realizar para la generación de trafico para nuestro blog.

Para iniciar, cuando creas un blog cuéntale a todos tus familiares, amigos y vecinos acerca de este hecho y pídeles su opinión, al hacer esto no solo consigues visitas, también si es de su agrado ellos esparcirán la noticia y sera un medio de comunicación de persona a persona.
Comenta en otros blogs, pero no realices spam ni solo dejes tu dirección, ya que esta es una practica muy desagradable y no querras que te catalogen de una manera equivocada, deja comentarios propositivos que dejen una clara idea que leiste al artículo y no solo estas haciendo propaganda.
Participa activamente en foros de discución preferentemente en aquellos que manejen una tematica relacionada con tu blog, participa en Yahoo Answers.
Utiliza las redes sociales, registrate en Facebook, MySpace, Twitter, Hi5, Badoo, Fotolog, YouTube, etc. realmente le puedes sacar mucho provecho, ej. si tienes una cuenta en Fotolog una manera de informar a tus conocidos hacerca de tu blog es escribiendo la dirección en el titulo.
Postea, postea, postea, puedes hacerlo varias veces al dia (es lo más recomendable), si tu agenda esta muy apretada puedes postear una vez al dia o 3 a 4 por semana. Lo importante es que fluya tus post y que mantengas vivo tu blog.
Manten un estilo y calidad en post ofrece contenido de calidad esto es una gran herramienta ya que nos asegura en la mayoria de los casos que nuestros visitantes se convertiran en lectores asuidos.
Incluye tu blog en directorios, estas es de las acciones más recomendables ya que estos sitios estan dedicados a concentrar la mayor cantidad de recursos y bitacoras de tematicas semejantes, puedes probar con BlogESfera, Blogalaxia, Blogicias, tambien registralos en los directorios de tu pais, en México DirectorioBlogs, BlogsMéxico.
Otra buena practica es la de agregar tu blog (url) en los buscadores, esto toma un poco de tiempo debido a la cantidad de peticiones que tienen, los buscadores de mayor demanda son Google, Yahoo, Msn, Metabusca, si deseas agregar tu blog a Google da click aqui.
Al agregar mi blog a un buscador no me garantiza la aparación en los primeros lugares para ello, deberas optimizar tu bitacora, ¿como?, este tema da para escribir otro post, pero les comento como introducción el siguiente ejemplo, el titulo de nuestro blog es de suma importancia, pues es el primer gancho para atraer visitantes y esto los buscadores lo saben, es por eso que debes tener titulos llamativos, pero que ala vez describan el contenido de tu blog, NOTA: Google, toma los primeros 64 caracteres de nuestro titulo a diferencia de Yahoo que toma un promedio de 120 caracteres.
Intercambio de banners, esta es una practica muy comun sobretodo con los webmasters y resulta muy util al inicio de nuestra promoción, es parecido al intercambio de links, pero la diferenica es que aqui debes proporcionar un banner, cuyo tamaño puede variar, pero por lo general se pide un tamaño de 468 x 60, el ratio de visitas para el usuario de este servicio depende de la empresa a la cual nos afiliemos, en CiberBanner dan un ratio de 10:7 lo cual es un buen ratio en Internet.
Intercambio de links, es una variación del punto 10, puedes realizar el cambio de links con otros blogistas, para asi obtener más visitas, puedes tomar como base a blogs que se encuentren en un directorial al cual estes escrito.
Invierte algo de dinero, claro este punto es si tienes la capacidad, puedes utilizar el sistema de Adword de Google el cual resulta muy efectivo, o puedes gastar en una campaña de SEO, existen muchas empresas en Internet edidacas enteramente a ofrecer este servicio.
Reinvierte, si empiezas a ganar algo de dinero con tu blog, utiliza un poco de ese dinero para realizar algunas mejoras, ej. puedes comprar un dominio propio o comprar una plantilla para mejorar la parte visual de tu blog, o bien comprar libros acerca de SEO o marketing en Internet. Esto no sólo hara que tu bitacora luzca mejor y más profesional, además generara visitas sin duda alguna.
Utiliza otros medios de comunicación, puedes comprar espacios publicitarios en tv, radio o en anuncios panoramicos, este punto es semejante al No. 12.
Utiliza tu entorno, este punto es parecido al 14, puedes diseñar tu mismo un poster de tamaño de una hoja y lo puedes pegar en tablero en tu escuela, oficina, trabajo o en la biblioteca, la imaginación es tu limite.

Como vez son varias cosas las que podemos hacer para generar trafico a nuestro blog, pero como mencione algunas lineas arriba los más importante es no darce por vencido, ya que estas practicas atraen visitantes en un periodo de medio a largo plazo.

Espero que este articulo sea de su agrado y sea util, si tienen alguna duda o comentario por favor sientante en la libertad de hacerlo.

Agregar video de Youtube en Blogger

2009-03-09T07:22:00.000-07:00

En esta ocasión me gustaria hablar de como podemos incluir un video de Youtube a nuestro blog, ya que muchas veces comentamos noticias o redactamos algun tipo de artículo, el cual requiere la inclusión de ayuda visual más alla de las imagenes.

En si es un procedimiento sencillo y que se realiza en muy pocos pasos, además de ser una herramienta que proporcionara un mejor estilo a nuestro blog.

1. Selección de nuestro video
El primer paso es seleccionar o ya tener un video predeterminado de Youtube, para efectos practicos de este tutorial sera el video "Bittersweet de Apocalyptica acompañado de The Rasmus" este es el link del video.

2. Buscamos el cuadro de texto "Insertar"
Una vez que ya hemos seleccionado el video y nos encontremos en su página, buscaremos el cuadro de texto "Insertar", el cual se encuentra a la derecha del video. Ahora simplemente seleccionaremos todo su contenido y lo copiamos (Ctrl + C).

3. Nos ubicamos en blogger
Ya teniendo copiado el contenido de la caja de texto Insertar y estando en la edición o escritura de nuetsra entrada, damos un clic en la pestaña "Edición de HTML" y aquí es donde pegaremos el video solamente desigan el area donde quieras que aparesca y voila!! todo esta listo.

Debera de aparecer el video sin nungun problema, claro mientras estes en modo de edición no podras verlo, pero da un clic en "Vista previa" y apreciaras el resultado de esta practica.

Texto con reflejo utilizando Photoshop

2009-03-08T15:39:00.000-07:00

El efecto de reflejo es una técnica muy sencilla, pero muy vistosa y util a la misma vez, en este tutorial veremos como aplicar un reflejo a un determinado texto.

1. Establecemos el lienzo

Iniciaremos estableciendo el lienzo para poder trabajar, las medidas son 300px de ancho por 100px de alto y el fondo de color negro #000000.

2. Escribimos el texto

Seleccionaremos la herramienta texto (T) y escribiremos el texto deseado, para efectos de este tutorial sera WebXiss y procuraremos el color del texto a blanco #ffffff

3. Duplicamos...

A continuación tenemos que duplicar la capa de texto, para ello tenemos varias formas de hacerlo; la primera: damos clic derecho sobre la capa texto y seleccionamos Duplicar capa...

O bien vamos al menu Capa >> Duplicar capa...

4. Volteamos la capa copia

Aqui es donde inicia el efecto reflejo, lo primero que tenemos que hacer es voltear verticalmente la capa copia, para ello nos dirigimos la menu Edición >> Transformar >> Voltear vertical. Una vez hecho esto tendremos que mover la capa copia un poco hacia abajo, para que su ubicación sea lo más parecido a la imagen:

5. Aplicamos el estilo de capa

Estando aun en la capa copia nos dirigiremos a menu Capa >> Estilo de capa... >> Opciones de fusión, y establecemos los valores como aparece en la imagen.

Y listo... ya quedo nuestro efecto de reflejo, espero que le sea de utilidad y si tienen alguna duda o comentario sientanse en toda libertad de hacerlo.

Diseño de logo para web en Photoshop

2009-03-08T11:23:00.000-07:00

En este primer tutorial en Photoshop vamos a aprender como realizar un logo con estilo Web 2.0, así que manos a la obra...

1. Preparación del lienzo
Primero que nada vamos a crear el lienzo con el cual vamos a trabajar. Para este tutorial emplearemos dimenciones 300px de ancho por 100px de alto y color blanco para el fondo.

2. Degradado para el fondo
A continuación seleccionamos la herramienta degradado (G) y establecemos los siguientes colores: #010e1e, #06264f, #054169, una vez hecho esto aplicamos el degrado al lienzo.

3. Añadimos el texto
Ahora seleccionamos la herramiento texto (T) y escribimos el nombre o frase que queramos, podemos utilizar cualquier tipo de letra, pero de prefencia Trebuchet or Nevis funcionaria de maravilla.

4. Añadimos figura
Bien a continuación seleccionaremos al herramienta de Forma personalizada (U), seleccionamos el globo de charla y lo dibujamos sobre el lienzo como se ve en la imagen:

5. Agregamos los efectos al logo
Seleccionamos la capa que contenga al texto y despues nos dirigimos al menu Capa >> Estilo de Capa >> Opciones de fusión... y modificamos los valores como parece en las imagenes:

Resplandor exterior: #afd3e2

Resplandor interior: #93c1d4

Superposició de degradado: #afd3e2 - blanco #ffffff

6. Repetimos pasos

Ahora damos clic en la capa del globo de charla y repetimos el paso 5, y el resultado deberá quedar así:

Pues bien así de fácil y en pocos pasos podemos crear un logo sencillo pero visto, lo más importante es que tu experimentes en base a practicas como estas y de esta manera tus habilidades aumentaran de manera considerable.

Bienvenido a WebXiss

2009-03-06T16:23:00.000-08:00

Hola, bienvenido a WebXiss este es un blog dedicado en su totalidad al mundo Web, aquí encontraras diversos temas desde la creación de una página web básica hasta su promoción y optimización para buscadores.

No creas que me olvide de los blogs, también escribiré algunos temas acerca de ellos, ya que en la actualidad es uno se los servicios más utilizados de Internet.

Si tienes alguna duda o quieres que escriba acerca de un tema en especifico no dudes en postear y con mucho gusto haré lo posible por que tengas una rápida respuesta.

De antemano gracias por leer este blog y seguiremos trabajando.