Blooging

Consejos SEO

JuanK — Thu, 05 Nov 2009 17:03:03 +0000

En Reparación de PC nos dan a conocer una serie de posts con consejos SEO para mejorar nuestra posicionamiento y visibilidad en los buscadores. No están nada mal y a más de alguno le servirá.

Peligro de Bloggear

JuanK — Thu, 05 Nov 2009 16:52:18 +0000

A través de Blogger Profesional me entero de esta desagradable noticia, donde nos muestran un mapa con lugares donde bloggers han sido amenazados, arrestados e incluso asesinados. Deben verlo. Nota: no puse link al post de blogger profesional porque es un copypasteo increíble ¬¬

Comprimir imágenes online

JuanK — Tue, 03 Nov 2009 21:32:52 +0000

PunyPNG es una herramienta online gratuita que nos permite comprimir nuestras imágenes, sin perder su calidad, disminuyendo el tiempo de carga de las mismas, si las vamos a utilizar en internet.

En está página podremos ver una tabla de comparación entre PunyPNG y otros sitios de optimización.

Enlace: PunyPNG

Ocultar elementos con CSS

JuanK — Wed, 28 Oct 2009 19:39:27 +0000

Ahora les mostraré como ocultar un elemento utilizando sólo CSS, la ventaja de esto es que el elemento en sí sigue existiendo, por tanto, para volver a verlo solo hay que editar el código CSS.

Es un método muy simple y efectivo, que tan sólo ocupará una línea dentro de nuestra hoja de estilos.

.oculto {display: none}

Para aplicarlo a algún elemento de nuestra página sólo debemos agregar el class en ella:

class="oculto">Aquí va el contenido que deseas ocultar

Existen más métodos, pero este es el más utilizado.

Espero que les sea útil

Imágenes transparentes con CSS

JuanK — Sat, 24 Oct 2009 14:42:02 +0000

Mostrar imágenes transparentes es una buena técnica en diseño, sí, se ven bien. Esta técnica la utilizo en la sidebar, donde están las imágenes 125x125.

En este post les mostraré como hacerlo utilizando CSS. Las imágenes estarán transparentes de forma predeterminada y al pasar el mouse sobre ellas volverán a su estado normal.

Para hacerlo crearemos un class en CSS, que puede tener cualquier nombre. El código que agregaremos a nuestra hoja de estilos será el siguiente:

a.transparencia img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
-khtml-opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*Internet Explorer 8*/}

a.transparencia:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*Internet Explorer 8*/}

Para lograr el efecto debemos agregar el class a la imágen, de esta forma:

class="transparencia" href="#"> src="http://i62.servimg.com/u/f62/13/32/71/45/ds125x11.png">

Si quires usarlo en las imágenes dentro de tus posts, debemos hacerlo de esta forma:

.entry img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
-khtml-opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*Internet Explorer 8*/}

En este caso sólo se mostrará la transparencia, sin el efecto hover.

Con esto será suficiente y ya podremos observar el efecto en nuestras imágenes.

Cumpleaños del Blog!

JuanK — Mon, 05 Oct 2009 00:14:40 +0000

Hoy es nuestro primer cumpleaños y quería darlo a conocer a las personas que leen este blog.

A pesar de que este blog comenzó el 7 de septiembre, con la entrada ¿Qué es un Blog? lo celebramos el 4 de Octubre porque fue en esta fecha cuando me conseguí el dominio .net.

Agradezco a Alan Rodríguez por haberme regalado el dominio, ya que gracias a el no perdí el ánimo de seguir bloggeando.

También agradezco a todos los que me han ayudado a mejorar y a todos aquellos a los que he podido ayudar, ya que sus comentarios me hacen sentir que lo que escribo si es útil

Los regalos que le he dado al blog fueron:

Un diseño propio: con trabajo y paciencia lo logré y me gustó como quedó. No creo que lo cambie en un buen tiempo.
Un hosting pago: pasé por muchos hostings gratuitos y siempre terminaban fallando. Al final logré comprarme un hosting en HostGator y estoy realmente satisfecho.

Espero que este blog dure muchos años más, ya que todavía no tengo ganas de tirar la toalla

Espero que sigan leyendo y comentando.

Nos vemos!

El “secreto SEO”

JuanK — Sun, 04 Oct 2009 20:35:06 +0000

En TengoUn.com.ar nos revelan el secreto SEO. Muy útil si intentas posicionar palabras claves.

Tutorial .htaccess

JuanK — Sat, 03 Oct 2009 19:23:36 +0000

En LaWebera.es nos enseñan unas técnicas básicas para utilizar con nuestro archivo .htaccess. Si desean aprender a utilizar este archivo, vean algunos ejemplos que nos muestran, que de seguro les serán útiles.

Ranking Navegadores Web

JuanK — Sat, 03 Oct 2009 19:17:06 +0000

En Desarrollo Web nos muestran un ranking con los navegadores más importantes, cada uno con el porcentaje de uso. Como era de esperarse, aunque sigue siendo mala noticia, Internet Explorer 6 sigue siendo el más usado.

CSS en la etiqueta “more” en WordPress

JuanK — Sat, 03 Oct 2009 19:03:31 +0000

Hace un tiempo les mostré como agregar estilo a la etiqueta more en WordPress, pero al parecer ese código no código no funciona con Internet Explorer. Entonces giObanii me dió un código, con el cual si es compatible y lo mejor es que usamos un estilo predefinido por WordPress.

No tendremos que hacer ninguna modificación a la línea que aplica la función. (Si la modificaste como en el post anterior, cambiala por la siguiente, que es la default)

the_content('Seguir leyendo...'); ?>

Ahora para agregar nuestro CSS tendremos que usar el siguiente "class":

.more-link {
font-size: 12px;
background: url(dirección de imágen) 2px;
}

/*Al pasar el cursor*/

.more-link:hover {
font-size: 12px;
background: url(dirección de imágen) 2px;
}

Como verán el CSS nos da la opción de mostrar una imágen distinta al pasar el mouse por el enlace. Ustedes modifiquen el CSS para que quede acorde con el diseño de su sitio.

Muchas gracias a giObanii por el aporte