Blogger: hack para el titulo del blog

28 04 2007

El siguiente artículo es sobre buscadores y posicionamiento, o lo que se suele llamar SEO por Search Engine Optimization.

Es bien conocida la importancia de los meta tags -o etiquetas html, que se incorporan en el encabezado de nuestra página web- en la optimización de nuestras páginas webs.

Estos metatags son invisibles (casi siempre) para un visitante normal, pero de gran utilidad para navegadores u otros programas que puedan valerse de esta información.
Haciendo una rápida revisión los meta-datos pueden referir al autor, título, fecha, palabras clave, descripción, etc.

El tag que no es invisible al navegante y que tal vez por ello es el preferido por los buscadores como Google es el título.

En Blogger el titulo que se muestra es:

* el nombre del blog cuando estamos en la home page,
* el nombre de una etiqueta cuando estamos dentro de una ‘categoria’ en particular,
* el nombre del post.

Por defecto cuando estamos en la ‘home page’ no es posible mostrar un texto diferente que el nombre de la misma pero sabemos que sería mucho más eficiente desde el punto de vista de dirigir tráfico hacia nuestro blog una configuración como esta:

nombre_del_blog | palabra1 palabra2 palabra3 …. (todas keywords de relevancia) ..pero como hacerlo ?

Dendro de <head> </head>, debería reemplazarse la linea <title><data:blog.pageTitle/></title> por un pequeño código como el siguiente:


<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<title>nombre_del_blog | palabra1 palabra2 palabra3 …. </title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>


Comentarios : Deja un Comentario »

Categorías : Blogger, Blogs

Estrellitas de BloGalaxia para ranking de posts

26 04 2007

Si te preguntabas como hacer para poner las estrellitas de blogalaxia, esas que se utilizan para que los visitantes califiquen -rankeen- tus posts, acá ponemos el código a tu disposición.

Primero, debes identificar donde quieres que aparzcan, en mi caso después de esta linea estaría bien: <p class=’post-footer-line post-footer-line-1′>

Segundo, debes pegar el siguiente código:

Rankeame(1-5), por favor <iframe expr:src=’”http://rank.blogalaxia.com/pbrate.php?color=ffffff&url=” + data:post.url’ frameborder=’0′ height=’15′ marginheight=’0′ marginwidth=’0′ scrolling=’no’ style=’margin:0; padding:0′ width=’70′/>

Si te gusto el post dame 5 estrellas:
:D

Blogalaxia: ~ Technorati: ~ AgregaX:

Comentarios : Deja un Comentario »

Categorías : Blogs

Blogroll con bookmark sociales (meneame, fresqui, etc)

26 04 2007
Una lectora me preguntó como hacer para insertar un blogroll de bookmark sociales como meneame, fresqui, enchilame, etc.
En Blogger es bastante simple -tras haber deducido el codigo- :)
Hay que ir a Plantilla -> Edición de HTML, posiblemente expandir artiluguios, y entonces buscar un lugar donde les gustaría que aparezca.
En mi caso yo lo ubique despues de la linea: <p class=’post-footer-line post-footer-line-1′>

Se puede pegar completo o elegir que bookmarks se quieren, seleccionando esa parte del HTML :D

Aca va el codigo:

<!– Inicio Blogroll (Bookmarks sociales: meneame, etc) –>

<p align=”left” class=”post-footer”>

<a expr:href=’”http://del.icio.us/post?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img179.imageshack.us/img179/1680/deliciousbe1.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://digg.com/submit?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img100.imageshack.us/img100/364/diggkz9.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://www.google.com/bookmarks/mark?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img152.imageshack.us/img152/1760/googlebookmarkscp8.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://myweb2.search.yahoo.com/myresults/bookmarklet?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img102.imageshack.us/img102/5917/yahoo3ww7.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://www.technorati.com/faves?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img179.imageshack.us/img179/6060/technoratird9.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://meneame.net/submit.php?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img105.imageshack.us/img105/2783/meneameat1.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://tec.fresqui.com/post?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img112.imageshack.us/img112/6779/freskidv0.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://www.blogmemes.com/post.php?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img105.imageshack.us/img105/9691/blogmemesaf4.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://www.neodiario.net/submit.php?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img100.imageshack.us/img100/6479/neodiariong2.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://enchilame.com/submit.php?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img105.imageshack.us/img105/3541/enchilameij5.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://www.furl.net/storeIt.jsp?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img145.imageshack.us/img145/4449/furldn9.gif” valign=”bottom” style=”border:0px;”/></a>

<a expr:href=’”http://ma.gnolia.com/bookmarklet/add?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=”http://img102.imageshack.us/img102/9171/magnoliaww0.gif” valign=”bottom” style=”border:0px;”/></a>

</p>
<!– fin Blogroll –>


Blogalaxia: ~ Technorati: ~ AgregaX:


Comentarios : Deja un Comentario »

Categorías : Blogs, Trucos

Imagen de la blogosfera

23 04 2007
Welcome to the Blogosphere es un artículo de Discovery Magazine que muestra el trabajo de Matthew Hurst sobre la topología del conjunto de los weblogs en todo el mundo, algo desde hace tiempo se conoce con el término blogosfera.

La imagen de la blogosfera muestra con puntos blancos los blogs con más enlaces; los enlaces verdes son unidireccionales, y los azules son recíprocos -ida y vuelta-

El punto blanco más destacado es uno de los blogs más enlazados, DailyKos, que trata sobre política norteamericana (via microsiervos)

En la cima (al menos el top-5) todos los blogs tienen como idioma el inglés.


Blogalaxia: ~ Technorati: ~ AgregaX:

Comentarios : Deja un Comentario »

Categorías : Blogs, Internet, Web-20

Recursos para tu blog o web

18 04 2007

Si tenes un blog, hay algunas alternativas gratuitas para darle más interactividad y promover la participación: encuestas, foros y chats ;)

Los chats suelen estar escritos en JavaScript y de los que conozco el que más me gusto se llama Cbox, que entre otras cosas permite elegir varios diseños con distintos colores.
Sucede que Cbox tiene un ancho *fijo* en pixels que puede quedar mal con la estetica de nuestro blog pero todo tiene solucion!!!!
Al registrarte te dan un código que debes pegar en tu blog o página web:

En ese código encontraras dos veces width= y un número entre comillas que representa el ancho en pixels. Esto puede ser un incoveniente porque puede verse bien en nuestro monitor pero en otro con distinta resolución ?
Lo que debes hacer es cambiar ese número y poner el ancho en porcentaje, por ejemplo: width=”100%”, que ocupara el 100% de la columna donde lo coloques :)

Yo recomendaria un contador de visitantes online juntamente con el chat y el mejor que he visto, el cual es totalmente gratuito y no requiere registración es whos.amung.us



Blogalaxia: ~ Technorati: ~ AgregaX:


Comentarios : Deja un Comentario »

Categorías : Blogs, Internet, Servicios, Trucos

Recursos para tu blog o web (chats, contadores,…)

18 04 2007

Si tenes un blog, hay algunas alternativas gratuitas para darle más interactividad y promover la participación: encuestas, foros y chats ;)

Los chats suelen estar escritos en JavaScript y de los que conozco el que más me gusto se llama Cbox, que entre otras cosas permite elegir varios diseños con distintos colores.
Sucede que Cbox tiene un ancho *fijo* en pixels que puede quedar mal con la estetica de nuestro blog pero todo tiene solucion!!!!
Al registrarte te dan un código que debes pegar en tu blog o página web:

En ese código encontraras dos veces width= y un número entre comillas que representa el ancho en pixels. Esto puede ser un incoveniente porque puede verse bien en nuestro monitor pero en otro con distinta resolución ?
Lo que debes hacer es cambiar ese número y poner el ancho en porcentaje, por ejemplo: width=”100%”, que ocupara el 100% de la columna donde lo coloques :)

Yo recomendaria un contador de visitantes online juntamente con el chat y el mejor que he visto, el cual es totalmente gratuito y no requiere registración es whos.amung.us



Blogalaxia: ~ Technorati: ~ AgregaX:


Comentarios : Deja un Comentario »

Categorías : Blogs, Internet, Servicios, Trucos