SEO: aplicando el FODA a nuestro blog

Cuando vimos los artículos sobre como estudiar a la competencia decíamos que esto nos permitiría descubrir en gran parte, fortalezas, oportunidades, devilidades, amenazas.

Entrevista a Carlos Arreola

Como no podía ser de otra forma, hemos decidido arrancar a lo grande, y nuestra primera entrevista es a Carlos Arreola.

Banco de Imágenes

Un banco de imágenes publicadas dentro del blog de forma ordenada para que los bloggers y demás personas puedan hacer uso de ellas.

Dibujos para colorar

Una recopilacion de dibujos para colorear en blanco y negro, ideales para imprimir y regalarselos a los mas pequeños.

Cómo cuidarnos del Phishing

Ahora bien nosotros tenemos algunas formas de cuidarnos del phishing, es decir, prevenir que nos roben datos personales, con algunos consejos prácticos

Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





31 may. 2009

Añadir blog a Yahoo! y LiveSearch

Vamos a ver como dar de alta nuestro blog en dos de los buscadores más importantes de la red, como son Yahoo! y LiveSearch. El hecho de que estos buscadores sean importantes destaca la necesidad de dar de alta nuestros sitios ahí para que ellos nos envien visitas.

Nota: La parte 1 de esta guía corresponde a el post Añadir SiteMap en Google.

Añadir blog a Yahoo!

Lo primero que necesitamos es una cuenta en Yahoo!, la cual obtenemos de forma gratuita. Una vez creada accedemos a Yahoo! Search Submission y elegimos la opción "Submit Your Site for Free". A continuación elegimos la opción "Submit a Website or Webpage" y allí añadimos la url de nuestro blog (por ejemplo yo pondría: http://www.vidablogger.com.ar) y clickamos en "Submit URL".

Ahora debemos verificar nuestro sitio (mostrar que somos nosotros los dueños). Para ello vamos a My Sites en la barra de la izquierda y nos aparecerán los sitios que hemos añadido. Para verificarlos debemos clickar sobre el botón amarillo que se encuetra en la columna de Status. En la siguiente página elegimos "By adding a META tag to my home page".

El código que usamos es el de la opción 1, pero debemos hacer un pequeño cambio: sustituir donde dice META por meta (o sea cambiarlo a minúscula) y además añadir una / antes del >, quedando así: />.

Hechos los cambios nos dirigimos a la edición HTML de la plantilla y pegamos el código justo debajo de la etiqueta <head> y guardamos los cambios. Ahora vamos a la página que estabamos de Yahoo! y clickamos Ready to Authenticate.

Con esto tenemos nuestro sitio dado de alta en Yahoo!

Añadir blog a LiveSearch

El proceso aquí es bastante más sencillo, basta dirigirse a http://search.msn.com/docs/submit.aspx, introducir nuestra URL y el código que piden y luego hacer click en Enviar Dirección URL.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

30 may. 2009

Consejos para escribir con buena ortografía

Que blogger quiere llegar a la perfección para posicionarse al máximo sobre todo con la ortografía; es posible solo es necesario que tengamos disponible Word u Open Oficce que deberá corregir ortografía y remplazarlo por caracteres especiales ya que no todos lo navegadores lo ven como acentos y signos de puntuación, al no estar configurado a español los remplazan con cualquier carácter haciendo imposible que se pueda leer; hay algunos bloggers que ni acentos escriben. Mala decisión, la buena ortografia es el pilar fundamental del buen contenido.

Para empezar a mejorar nuestro post vamos a usar Word y a escribir un texto de ejemplo:

Una interacción con twitter agiliza la forma de comunicarnos

Apretamos F7 y procedemos a corregir

De esta manera teniendo ya nuestro texto corregido solo hace falta que remplacemos los acentos por los caracteres especiales.

Listado de caracteres especiales para mejorar ortografía:
á:&aacute;; Á &Aacute;
é:&eacute;; É &Eacute;
í:&iacute;; Í &Iacute;
ó:&oacute;; Ó&Oacute;
ú:&uacute;; Ú&Uacute;
ñ:&ntilde;; Ñ&Ntilde;

Para colocar codigos html
>:&gt;
<:&lt;
Después de esto debemos buscar. Para ello apretamos Ctrl+B y vamos a la solapa remplazar de esta manera:

Al fin teniendo ya el post editado vamos a blogger y lo pegamos como html (porque si se pega como normal no lo tomara y aparecerá cualquier cosa).

De esta manera se logra crear o editar un post con una calidad del 100%. Yo puse un 10% con este consejo, el otro 90% depende de vos.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

29 may. 2009

Redimensionar Imagenes usando HTML

Hoy aprenderemos a redimensionar imagenes en blogger mediante el código HTML. Si bien cuando creamos un post podemos redimensionar imagenes con tan solo arrastrar sus esquinas, es importante aprender a hacerlo mediante HTML ya que se logra una mayor perfección y además nos sirve para otras situaciones, como por ejemplo cuando añadimos una imagen en la sidebar en un Elemento HTML/JavaScript.

Lo primero que debemos hacer para redimensionar imagenes en los posts es cambiar a la Edición HTML de los posts, tal como muestra esta imagen (click para ampliar).

En esta vista de post, cada vez que añadimos una imagen se mostrará de la siguiente manera:

<a onblur="try {parent.deselectBloggerImageGracefully();}
catch(e) {}" href="http://4.bp.blogspot.com/_Go-jnwB2e7w/Sh1gqlnmYRI/AAAAAAAABzU/k5bZlnjxQJ4/s1600-h/vidaBanner.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 125px; height: 125px;" src="http://4.bp.blogspot.com/_Go-jnwB2e7w/Sh1gqlnmYRI/AAAAAAAABzU/k5bZlnjxQJ4/s400/vidaBanner.png" alt="" id="BLOGGER_PHOTO_ID_5340531017900253458" border="0" /></a>

Todo ese código indica que ahí aparecerá una imagen (pueden poner vista previa y la verán). De todo el código, la parte que nos interesa para redimensionar imagenes es la que está marcada en color rojo, siendo widgth el ancho y height el alto de la imagen.

Cambiando el valor de esas variables podremos redimensionar imagenes mediante el código HTML. Como dije, esto es importante saber, sobre todo para redimensionar imagenes en lugares donde solo se puede hacerlo mediante HTML tal como la sidebar o en la propia plantilla.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

28 may. 2009

Widget para mostrar el total de posts y comentarios del blog

Quiero presentarles el primer widget hecho por mi. Se trata de un widget que muestra el total de posts y comentarios que tiene un blog de una forma muy particular.

Como habrán visto alguna vez, existe un pequeño truco que permite visualizar el total de posts y comentarios que tiene un blog, y la forma de obtenerlo es haciendo lo que les explique en este post.

El widget que quiero presentarles hoy tiene el mismo objetivo: mostrar el total de posts y comentarios, pero lo hace de una forma mucho más elegante y vistosa: mediante una bonita imagen. El resultado del widget es tal cual lo pueden ver en mi sidebar, o bien en esta imagen:

Para utilizar este widget que muestra el total de posts y comentarios de un blog solo deben añadir un nuevo gadget en la sidebar de tipo Elemento HTML y pegar el siguiente código:





Guardamos los cambios y listo, ya tenemos el widget funcionando.

Nota: Como verán este widget es de uso gratuito. Lo único que pido a cambio es que para usarlo no retiren los créditos modificando el link del código, porque es la única forma de que valga la pena el trabajo que he realizado.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

27 may. 2009

Añadir SiteMap en Google

Hoy vamos a ver como hacer para dar de alta un blog en Google y crear un sitemap usando las Herramientas para Webmasters de Google. Estas son dos de las principales acciones que debemos hacer lo antes posible cuando creamos un nuevo blog ya que nos ayudará con la indexación en Google y el posicionamiento web.

Lo que primero vas hacer es agregar tu dominio en las Herramientas para Webmasters de Google (esto lo hacemos mediante nuestra cuenta Gmail), una vez que lo ingresas los vas a verificar haciendo click en “Verificar”.

En la siguiente página hacemos click en el menu desplegable y seleccionamos la opción “Añadir una metaetiqueta“. Esto generará un código, el cual debemos pegar en nuestra plantilla (Edición HTML de la plantilla) entre las etiquetas <head> y </head> , y guardamos los cambios. Ahora volvemos a las Herramientas para Webmasters de Google y hacemos click en "Verificar". De esta manera tendremos neustro sitio verificado en Google.

El siguiente paso vamos a Añadir un SiteMap. Para ello volvemos al panel y hacemos click en la "Añadir" que está debajo de la columna de SiteMap. En la siguiente página hacemos click en el menú desplegable y seleccionamos la opción “Añadir un SiteMap web General“ y veremos que aparece nuestro sitio y un recuadro blanco al costado. En él debemos pegar esto:

atom.xml?redirect=false&start-index=1&max-results=500

y hacer click en "Enviar SiteMap". A continuación, y de la misma manera que lo hicimos recién, añadimos estos dos nuevos SiteMaps:

atom.xml?redirect=false&start-index=1001&max-results=500

atom.xml?redirect=false&start-index=501&max-results=500

Una vez que hayas agregado las tres extensiones de SiteMap para tu blog, seleccionas las tres opciones tildando los cuadrados en blanco que aparecen antes de la extensión y hacés clic en “Volver a enviar selección“, de esta manera ya tenés agregado un SiteMap en Google. Ahora solo queda esperar para que Google nos indexe.

En las próximas entregas de Añadir un SiteMap veremos el procedimiento para añadirlo a Yahoo! y a Live Search.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

26 may. 2009

Colocar un link en la firma

A partir de una pregunta que me llegó por mail a mi formulario de contacto decidí crear este post. Específicamente, Juan Carlos Solana quería saber como hacer para colocar un link en la firma de los posts.

Veamos un ejemplo para entender. Esta sería la firma del post, y lo que quiere Juan Carlos es que al hacer click en el nombre (Admin en mi caso) nos lleve a algún sitio específico como puede ser nuestro perfil de blogger, de twitter, de facebok, o cualquier otro sitio.

(click en la imagen para ampliar)
Para aplicar estre truco debemos ir a la Edición HTML de nuestra plantilla, Expandir artilgios y buscar (recuerden usar ctrl+F para buscar) el siguiente código:

<data:post.author/>

Y sustituirlo completamente por este otro:

<a href='http://twitter.com/vicarlone' target="_blank"><data:post.author/></a>

Tengan en cuenta que tienen que modificar donde está mi link de twitter (http://twitter.com/vicarlone) por el link que ustedes quieran. Una vez hecho que colocamos el link que queremos, guardamos los cambios y está listo.

Ahora, cada vez que alguien haga click en el nobmre de tu firma accederá al tu perfil de blogger, de twitter, de facebok, o cualquier otro sitio que tu quieras.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

25 may. 2009

Directorios Gratuitos - Parte II

Esta lista de directorios gratuitos pretende ser la Parte II del post escrito recientemente donde les brindaba una serie de directorios gratuitos para suscribirse.

Aquí va la Parte II, donde incluí varios directorios con buen PR.

Directorios con PR 3
http://4-every-1.ws
http://comoestamos.com
http://www.directory-global.com
http://www.globalbusinesslist.com
http://www.tsection.com
http://londovor.com
http://forage.in
http://search-o-rama.com
http://irotater.com
http://siteseek.net
http://web-central.info
http://www.lookclick.com
http://www.piseries.com
http://admcity.com
http://www.exactseek.com
http://www.dramba.com
http://www.thats.info
http://tudas.info
http://freewebsitedirectories.com
http://www.jorgensenenterprises.com
http://samaprzyjemnosc.pl
http://www.thefreewebsitedirectory.co.uk
http://www.ctapda.com

Directorios con PR 4
http://www.allworldlinks.com
http://mydirectorylive.com
http://www.esiq.org
http://zydamax.com
http://www.esiq.org
http://thedailycartoonist.com
http://norlinks.com
http://www.soundsolutionsam1.com
http://nkssnet.net
http://directory.seoexecutive.com
http://www.eatdrinkfeelgood.org
http://zoock.net
http://cagtermal.com

Directorios con PR 5
http://cheetosokumaodasi.com
http://freeprwebdirectory.com
http://euroindia-it.org
http://medranks.com
http://femeba.net
http://hitwebdirectory.com

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

24 may. 2009

Herramienta SEO: Analiza tu blog

Todos los que tenemos un blog y hacemos algo de SEO para ganar visitas estamos interesados en saber si aquellas acciones llevadas a cabo están dando resultados.

Para ello es que hoy quiero mostrarles esta práctica y efectiva Herramienta SEO. Se trata de ExamineUrl, un sitio que realiza un análisis SEO online de forma rápida, práctica, efectiva y muy completa.


Para utilizar esta Herramienta SEO basta con acceder a ExamienUrl e ingresar la url del sitio a partir del cual queremos obtener los datos, y en cuestión de segundos tendremos los resultados del análisis.

Entre las estadísticas que nos brinda esta Herramienta SEO tenemos:

- Datos generales del sitio: como ser la antiguedad del dominio, la cantidad de links y las visitas diarias.
- Datos más precisos del sitio: Título, Descripción, Tags, Lenguaje.
- PageRank
- Listado de Directorios a los que estamos suscriptos (considerando los directorios más importantes de internet)
- Estadísticas de tráfico: como son el alexa rank, el quantcast, entre otros.
- Popularidad en las principales redes sociales como wikipedia, yahoo, google, delicius, technorati, entre otros.

Como vemos, esta Herramienta SEO es muy fácil de utilizar y muy completa en cuanto a resultados y estadísticas otorgadas.

Enlace | ExamineUrl

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

23 may. 2009

Directorios Gratuitos - Parte I

Como hace bastante no escribo nada sobre SEO, hoy vamos a ver un post relacionado a dicha temática. En realidad, más que relacionado a SEO y Posicionamiento Web, en el post de hoy les traigo una lista de directorios gratuitos.

¿Que quiere decir que un directorio es gratuito? Como se entiende por su nombre: no hay que pagar por ello (esto es debido a que los grandes directorios con buen PR suelen cobrar). Pero además de no pagar por su servicio, tampoco es obligatorio poner un link recíproco desde nuestro blog.

Aquí les dejo la Parte I del listado de directorios gratuitos para que se suscriban:

Directorios con PR 1:
http://www.e-sygoing.com
http://post.stopat.com
http://bizdirects.com
http://www.gooddirectory.net
http://joindirectory.info
http://www.thesubmiturl.com
http://www.webdirectory.plus-uk.net
http://www.inter-directory.info
http://www.a2zweb.net
http://zenithdesign.net
http://ourwackynewsworld.com
http://www.simplybobs.com
http://www.txtlinks.com
http://etalii.info/
http://directory.linksdaily.info
http://hitshappening.com
http://lotdirectory.info
http://www.ipkz.com
http://www.thizzonline.com
http://directory.directorymania.com
http://directory.xpseo.com
http://www.directorage.com

Directorios con PR 2:
http://webwisesolutions.com
http://search-for.us
http://ewebdir.com
http://bizdirects.com
http://seodagupandirectory.com
http://ewebdir.com
http://webwisesolutions.com
http://directory.ezweb-tools.com
http://directory.raylegrand.com
http://directory.helcomi.com
http://directory.androsweb.com
http://directory.deeplinked.com
http://directory.linktoyour.com
http://directory.minutedirectory.com
http://directory.ptwc.net
http://directory.smoothdirectory.com
http://directory.sa6.org
http://directory.webfeeds.info
http://directory.web1directory.com
http://directory.allyourlink.com
http://directory.lesterloyd.com

Directorios con PR 3:
http://faba.us
http://www.technoworld.org
http://pzsa.com
http://eozbird.com
http://h-pf.com
http://alldeny.com
http://leetech.net
http://tampatac.com
http://www.kizex.com
http://www.validrank.net
http://wishdc.org
http://www.thailand-hotdeals.com
http://ztrua.com
http://alistsites.com
http://alistdirectory.com
http://maverickmoon.com
http://pblake.com
http://add2dir.info
http://web-master-directory.com
http://sakalees.net
http://theshoppings.com
http://linkedout.info
http://izdirectory.com
http://hopunloppu.fi

En las próximas entregas les dejare más directorios gratuitos para que se suscriban, pero de PR 3, PR 4, PR 5 y PR 6. De momento vayan aprovechando estos.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

22 may. 2009

Iconos de Marcadores Sociales

Desde Vikiworks les traigo hoy esta colección de iconos de marcadores sociales. La colección incluye 10 iconos entre los cuales se encuentran los de Furl, Windows live, Blinklist, Blogger, Lifelogger, entre otros. Todos los iconos los puedes usar libremente para decorar tu web o blog, se encuentran en tamaño 64 x 64 pixeles y en formato PNG.

Descargar | Iconos de Marcadores Sociales

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

21 may. 2009

Mostrar banners aleatorios

Es muy común para quienes tenemos un blog hacer intercambio de links o banners con blogs amigos, lo que nos ayuda a ganar visitas. Hoy vamos a ver un código que le interesará a aquellos que tienen sus banners amigos en la sidebar, ya que con este script los banners se mostrarán de forma aleatoria, cambiando de posición cada vez que se recargue la página.

¿No te quedo claro? Veamos un ejemplo: supongamos que intercambiaste banners con 10 páginas y quieres mostrar los 10 banners en tu sidebar. Entonces el primer blog será el 1, el segundo el 2, el tercero el 3 y así sucesivamente, quedando el blog 10 al final de la lista. Con este scrip, cada vez que recarguemos la página la posición de los banners cambiará, por lo que una vez aparecerá primero, otra vez último, otra vez tercero, etc... Puedes ver un ejemplo en mi blog de pruebas, donde verás que cada vez que actualizas la página los banners cambian de posición.

El procedimiento es bastante sencillo. Lo primero que tienen que hacer es copiar el código que les brindo más abajo y pegarlo en un bloc de notas. Luego, sustituir las partes donde dice CODIGO DEL BANNER por el código html del banner que deseas. Una vez hechos los cambios añadimos un Elemento HTML/JavaScript en la sidebar y pegamos el código que modificamos.

Este es el código:

<script
type="text/javascript">
/* Esta função irá fazer o randômico dos banners */
function randOrd()
{
return (Math.round(Math.random())-0.5);
}
/* Função que irá escrever os banners na tela*/
function randBan(){
var parceiros = new Array();
/* Aqui colocamos a quantidade de banners para rotacionar. Você pode criar de parceiros[0]
até parceiros[N] */

parceiros[0]='CODIGO DEL BANNER';

parceiros[1]='CODIGO DEL BANNER';

parceiros[2]='CODIGO DEL BANNER';

parceiros[3]='CODIGO DEL BANNER';

//Aqui iremos randomizar a posição dos banners
parceiros.sort( randOrd );
//Aqui iremos escrever os banners em sua ordem aleatória
for(i=0;i<=parceiros.length-1;i++) document.write(parceiros[i] +
'<br>');
return;
}
randBan();
</script>

La cantidad de banners que pueden adicionar va desde 0 a N, y para poner más banners solo tienen que añadir:

parceiros[N]='CODIGO DEL BANNER';

reemplazando la N por el número sucesivo.

Para que se den una idea les dejo el código tal cual lo utilizo en mi blog de pruebas, donde pueden verlo en funcionamiento:


<script type="text/javascript">
/* Esta função irá fazer o randômico dos banners */
function randOrd()
{
return (Math.round(Math.random())-0.5);
}
/* Função que irá escrever os banners na tela*/
function randBan(){
var parceiros = new Array();
/* Aqui colocamos a quantidade de banners para rotacionar. Você pode criar de parceiros[0]
até parceiros[N] */

parceiros[0]='<a
href="http://www.humorizate.com.ar/" target="_blank"
title="HUMORizate!"><img border="0" alt="HUMORizate!"
width="125"
src="http://i450.photobucket.com/albums/qq230/vicarlone/bannernuevo.gif"
longdesc="http://www.humorizate.com.ar/"
height="125"/></a>';

parceiros[1]='<a href="http://qmusica.net/" target="_blank"
title="Qmusica.net"><img border="0" alt="El portal de
Música en Internet" width="125"
src="http://s3.subirimagenes.com/imagen/2263797bannerqmusica2.png"
longdesc="http://qmusica.net/" height="125"/></a>';

parceiros[2]='<a href="http://www.puntajesgrandt.com.ar/"
target="_blank" title="Puntajes GranDT"><img border="0"
alt="Puntajes GranDT" width="125"
src="http://s3.subirimagenes.com/imagen/2429506bannergrandt.png"
longdesc="http://www.puntajesgrandt.com.ar/"
height="125"/></a>';

parceiros[3]='<a href="http://www.vidablogger.com.ar"
target="_blank" title="Ayuda para Blogs"><img border="0"
alt="Ayuda para Blogs" width="125"
src="http://i450.photobucket.com/albums/qq230/vicarlone/vidaBanner.png"
height="125"
longdesc="http://www.vidablogger.com.ar"/></a>';

//Aqui iremos randomizar a posição dos banners
parceiros.sort( randOrd );
//Aqui iremos escrever os banners em sua ordem aleatória
for(i=0;i<=parceiros.length-1;i++) document.write(parceiros[i] +
'<br>');
return;
}
randBan();
</script>


Ahora, cada vez que actualicen su página, un nuevo banner será el que se muestre primero, y de seguro que más de uno te lo agradecerá, ya que a nadie le gusta quedar por último!

Fuente | Boas Promoçoes
Vía | DicasBlogger

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

20 may. 2009

Tutorial Blogger

Dado que últimamente me han estado haciendo preguntas bastante básicas en cuanto al funcionamiento de Blogger y todas las posibilidades que tenemos con él, decidí traerles este espectacular Tutorial Blogger.

Así como su nombre lo indica, este tutorial blogger está destinado a mostrar de una forma gráfica todos y cada uno de los elementos que forman parte de la plataforma blogger, su funcionamiento, sus capacidades e incluso sus limitaciones. El fin del tutorial es aprender a usar y conocer todas las herramientas que nos da blogger.

El tutorial blogger consta de 58 páginas y, como dije, es muy gráfico, es más, no hay más de 2 o 3 renglones de palabras por página, es todo imágenes, por lo cual es muy práctico.

Este manual está orientado básicamente al usuario novato, aunque hay más de una cosa que podrías aprender de él incluso si hace tiempo estás en el mundo del bloggin. Además, teniendo en cuenta su practicidad, no te tomará más de 2 minutos darle una ojeada para aprender.

Les dejo unas capturas para que se den una idea de cómo explica las cosas este fabuloso tutorial blogger :

(click en las imágenes para ampliar)

Descargar | Tutorial Blogger

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

19 may. 2009

Crear logos profesionales con LogoEase

Una de las primeras cosas que vemos cuando ingresamos a un blog o web es su título, y la mayoría de las veces está puesto con un elegante y llamativo logo, de modo que identifique al blog y nos haga recordarlo. Entonces, vemos que el hecho de tener un buen logo es un punto muy positivo para todo blog.

Los usuarios más experimentados en el campo del diseño pueden crear logos propios, mientras que quienes tienen algo de dinero contratan a alguien que los realice. El problema surge cuando no sabemos usar photoshop o no tenemos dinero, y eso me llevó a presentarles hoy este herramienta online.

Se trata de LogoEase, una herramienta en línea que nos permite crear logos profesionales totalmente gratis. El funcionamiento de LogoEase es, como su nombre en ingles lo indica, muy fácil. El procedimiento cuenta con 3 pasos básicos:

1- Elegimos la imagen a usar en el logo.
2- La personalizamos a nuestro gusto.
3- Descargamos la imagen a nuestro ordenador.

La imagen que obtenemos de LogoEase puede ser en formato EPS, JPG, Tiff o PNG. Tengan en cuenta que al descargarla obtendremos un archivo comprimido en formato .zip el cual solo deberemos descomprimir.

Como ven, el sistema es muy fácil de usar y nos permite obtener diseños con un estilo muy profesional.

Si eres de los que tiene pocas ideas en cuanto a la creación de logos date una vuelta por la sección de ejemplos de LogoEase para obtener algo de inspiración.

Enlace | LogoEase

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

18 may. 2009

Plantilla Blogger: Schemer Mag

Hoy les ofrezco esta nueva plantilla para blogger llamada Schemer Mag. Como lo indica su nombre, es un template estilo revista.

Las principales características de la plantilla son:
  • Thumbnails en los articulos (redimensionado automáticamente).
  • Banner para Adsense listo.
  • 3 columnas.
  • Featured video.
  • Leer Más incorporado (automático)


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

17 may. 2009

Insertar Código HTML en los posts

Uno de los grandes problemas que enfrentamos quienes publicamos códigos HTML en nuestros posts es que al escribirlos el propio Blogger los transforma a Rich Text. Entonces surge la pregunta de muchos: ¿Como hacer para publicar código HTML en Blogger? Aquí veremos la respuesta.

Lo primero que necesitamos es un editor de textos. Yo uso, y recomiendo, Nvu Portable, un editor de textos portable (no requiere instalación) y es totalmente gratuito.

Una vez que tenemos el programa, su uso es muy fácil. Lo primero es copiar el código HTML que deseamos insertar en el post y lo pegamos en la pestaña que dice Normal. (click en las imágenes para ampliarlas)


Después hacemos click en la pestaña Source. Como vemos, aquí el código se transforma automáticamente, y es ese código el que debemos pegar en la Edición HTML de los posts, tal como muestra la imagen.


Si hacemos click en Vista Previa veremos cómo se ve el código HTML perfectamente.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

16 may. 2009

Redimensiona Imágenes y aplica diversos efectos

Hoy vamos a conocer una excelente herramienta online que nos permite trabajar con imagenes de una forma muy fácil, simple y completa. Se trata de Quick Thumbnail, un editor de imágenes online a partir del cual podemos lograr diferentes efectos en nuestras imágenes.


La función principal de Quick Thumbnail es redimensionar imágenes a diferentes valores. Una opción interesante es que nos genera automaticamente el tamaño para iconos, favicons, avatares, webs, etc.

Además, permite aplicar diversos efectos más alla de cambiar el tamaño de la imagen, como son los efectos de Greyscale, Sepia, Negative, Emboss, Blur, Sketch y Edge.

Enlace | Quick Thumbnail

Visto en Gem@ Blog

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

15 may. 2009

Promociona tu Blog en Facebook

A partir de un comentario de El Negro Cortés se me ocurrió la idea de este post. en Vida Blogger Seguramente todos ustedes (o la mayoría) conoce Facebook, y como se podrán imaginar, es una excelente forma de promocionar tu blog. Es decir que más allá de poder compartir fotos, videos, chatear, etc, ahora podemos también dar a conocer nuestro blog y sus actualizaciones a todos nuestros amigos de Facebook.

Lo que tenemos que hacer para que los posts nuevos de nuestro blog sean publicados en nuestro perfil de Facebook solo debemos importar el feed del blog. Para eso seguiremos estos pasos:

1. Ingresa a tu Facebook, una vez logueados, ve a Inicio (menú superior).

2. Luego selecciona debajo Aplicaciones (parte izquierda) y dentro elige Notas.

3. En la parte lateral derecha, elegir Configuración de las notas, clic en Editar opciones de importación.

4. Ahora selecciona "Importar un blog", en el campo "Introduce un sitio o una dirección de noticias RSS/Atom", ponemos la url de nuestro feed (puede ser la de Feedburner, o la url del blog de Blogger) ejemplo: http://feeds2.feedburner.com/VidaBlogger y pulsamos el botón "Iniciar importación". Acto seguido veremos una vista previa de nuestros artículos.

5. Pulsa el botón de confirmación que se encuentra bajo la vista previa del blog.

Listo, a partir de ahora cada vez que publiquemos un post en nuestro blog este se mostrará en nuestro perfil con un enlace hacia el blog. Sin dudas que es una excelente forma de promocionar tu blog y ganar visitas.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

13 may. 2009

Iconos de Twitter

Hace un buen tiempo atrás hablábamos acerca de Twitter, de como funciona y de lo importante que puede llegar a ser para el éxito de un determinado blog. Hoy, con motivo de darle un poco más de utilidad a dicho sistema de microbloggin, les dejo una bonita colección de Iconos de Twitter.

Van a poder encontrar una gran colección de iconos, de diferentes formas y tamaños, muchos de los cuales son animados.

Enlace | Free Twitter Buttons

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

12 may. 2009

Insertar el lápiz de Edición Rápida de posts

Como habrán notado aquellos que no usan las clásicas plantillas que trae blogger por defecto, la mayoría de los autores de templates eliminan una función muy interesante y práctica que tiene blogger que es el Lápiz de Edición Rápida (también llamado Quick Pencil). Se trata de un botón, con forma de lápiz, que sirve para editar nuestros posts directamente desde la página principal de nuestro blog

Este botón solo será visualizado por el dueño del blog, quién al clickar sobre el mismo accederá directamente al editor de textos de Blogger. Esto es tremendamente útil para poder editar aquellos posts antiguos donde, por ejemplo, estamos dando una mirada general al blog y encontramos alguna palabra mal escrita o un link roto. Sin este botón, tendríamos que ir hasta el panel de Blogger y buscar entre los posts escritos cual es el que tiene el error.

El resultado es tal como aparece en esta imagen:


Para poder añadir el lápiz de edición rápida tenemos que ir a la Edición HTML de la plantilla, expandir artilugios y buscar por el siguiente código:

<span class='quick-edit-icon'>&#160;</span>

Y reemplazarlo por el siguiente código:

<img alt='' class='icon-action'
src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>

Por último, nos dirigimos a Diseño -> Elementos de Página y en las entradas del blog hacemos click en Editar. Allí solo resta marcar la casilla que dice: Mostrar edición rápida.


Ahora podremos editar nuestros posts de forma más sencilla.

11 may. 2009

Añadir música al blog

Hace un tiempo atrás les mostré en algunos posts cómo hacer para añadir música al blog, y hoy les vengo con un sistema que si bien tiene básicamente las mismas características, es más novedoso y moderno.

El sistema que vamos a utilizar se llama eSnips y es bastante fácil de usar. Lo primero que debemos hacer es acceder a la página de eSnips y crearnos una cuenta gratis utilizando nuestro mail y una contraseña. Tengan en cuenta que el email debe ser verdadero ya que requiere que confirmemos la cuenta.

Cuando ya tenemos la cuenta creada accedemos al panel de usuario y podremos ver que en la barra de la derecha dice Things you can do, y la primer opción es Upload Files, y es allí donde debemos acceder para comenzar a subir las canciones. Además de MP3 se pueden subir videos, fotos y documentos, todo con un límite de hasta 5 GB de espacio.

Bien, una vez que subimos las canciones que deseamos debemos hacer click en MP3 widgets y elegir el modelo de reproductor que más nos guste y más se adecúe al blog. Además, nos permite crear playlists con cualquiera de los archivos subidos.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

10 may. 2009

Un poco de Humor...

Hoy por ser domingo y para pasar un rato agradable se me ocurrió dejarles un post con algo de humor. Obviamente no vamos a perder la temática del blog, así que aquí vemos algunas imágenes graciosas relacionadas al mundo de la web.









Visto en Humor Online

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

9 may. 2009

Plantilla Blogger: ImpreZZ

Hoy vemos esta novedosa plantilla para blogger llamada ImpreZZ. Consta de un diseño bastante minimalista, con 3 columnas y una combinación de colores agradable para la vista.




Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

8 may. 2009

Integrar Adsense con Google Analytics

La gente de Google si que trabaja, y mucho. Esta vez la novedad hace referencia a la posibilidad de integrar Adsense con Google Analytics.

¿Por qué debería integrar mi cuenta de AdSense con Google Analytics? Veamos que nos dice la gente de Google al respecto:

La integración de su cuenta de AdSense con Google Analytics le proporcionará gran cantidad de información nueva sobre sus anuncios y su sitio web. La combinación de ambos programas le permite mejorar el rendimiento de los anuncios y el servicio que ofrece a los usuarios.

* Para optimizar el contenido, identifique las fuentes de tráfico, zonas geográficas, páginas y navegadores que proporcionan a su sitio los usuarios que generan los mayores y menores beneficios.
* Para mejorar el servicio a los usuarios, compruebe en qué páginas invierten su tiempo, cuáles no les interesan y a dónde van cuando abandonan el sitio.
* Puede aumentar sus beneficios si introduce cambios basados en el comportamiento de los usuarios y en los posibles ingresos.

Ahora que sabemos de los beneficios que obtenemos veamos como hacer para integrar Adsense con Google Analytics. Los pasos a seguir son:

1- Ingresar a nuestra cuenta de Google Adsense.

2- Seguir el enlace que dice: Integrar Adsense con Google Analytics.

3- En caso que tengamos mas de 1 sitio integrado a Google Analytics debemos elegir con cual de ellos integrar la cuenta, y tambien elegir cual de ellos será el principal.

4- Al hacer click en continuar nos aparecerá un código que deberemos incluir en la plantilla (Diseño -> Edición HTML). Nótese que hay un código para cada blog, no es el mismo en todas las webs.

5- Una vez finalizado solo queda esperar a que activen nuestro sistema y se comienzen a generar los reportes.


Cuando nuestra cuenta sea activada completamente, al acceder al panel de Google Analytics podremos ver los distintos reportes de Adsense. Básicamente nos brindan 3 reportes de utilidad:

  • Top Adsense Content: Permite hacer un análisis específico por página para ver como están rindiendo. Por ejemplo nos sirve para diferenciar las páginas que tienen elevadas pageviews pero que rinden poco monetariamente comparándolas con páginas menos vistas. Este reporte es de ayuda para poder optimizar aquellas poco rendidoras.
  • Top AdSense Referrers: Muestra un reporte de la contribución de las diferentes fuentes de tráfico hacia nuestra web.
  • Adsense Trending: Crea un reporte de las ganancias del blog en relación a las diferentes horas del día y los diferentes días de la semana.

Para aquellos que tienen problemas con la integración de Adsense a Google Analytics aquí les dejo el video ofrecido por la gente de Adsense que muestra paso a paso como lograr dicha integración.



Vía | Dentro de Adsense


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

7 may. 2009

Las 3 palabras mágicas

Crear contenido de calidad no es tan difícil. En realidad, es bastante fácil. Eso es si comprenden tres simples palabras. Si hacemos un resumen de cada libro o cada web bien escrita en internet encontraremos estas tres simples palabras aplicadas a la perfección.

Escribe pensando en estas tres palabras constantemente y verás como cada artículo que escribes llamará la atención y traerá beneficios.

Seguramente estarás pensando que no hay palabras mágicas, pero de seguro te gustaría conocerlas. Vamos a darle un vistazo a cada una de ellas por separado. Una vez que termines de leer el post intenta aplicar lo que aprendiste y luego me cuentas cuales fueron tus experiencias.

1- Claro
En tan solo pocos segundos (menos de 5) los visitantes deben poder comprender que escribiste en tu blog o web. Como verán no dije "leer", dije "comprender".

Como han dicho en más de una oportunidad alrededor del mundo, y muchos coinciden, una de las irrefutables leyes de internet siempre a sido esta: No me hagas pensar. A la mayoría nos gusta que nos den la información al instante, de forma clara. Nada de andar pensando muchas cosas.

Los títulos, subtítulos, links, etiquetas y navegación deben estar perfectamente coordinados para que encajen y comuniquen de la manera más simple entre las diversas partes del blog.

Esta es una forma de darle a los lectores el control sobre lo que leen y sobre lo que les gustaría ver. No debe haber trucos. Nada engañoso o difícil. Si hacemos las cosas complicadas lo único que lograremos será un lector enojado y que no volverá a leernos.

2- Conciso
Escribir en un blog o web es un asunto bastante particular. Tus palabras, frases y párrafos deben ser cortos. Precisos. Uno de los máximos secretos es escribir en pocas palabras, desechando aquellas que no sirven y sólo aumentan el número.

No todos tiene la capacidad de explicar las cosas en pocas palabras, y si lo haces estarás demostrando idoneidad y confiabilidad. Por eso tienes que ser breve, conciso.

3- Persuadir
Muchísimas veces nos topamos con sitios que son bastante irritantes o molestos, pero que diariamente los visitamos. ¿Por que? Porque son persuasivos, interesantes y nos llaman mucho la atención.

Nosotros debemos hacer lo mismo. Tenemos que encontrar que es lo que le gusta ver y leer al visitante y ofrecerlo para que éste vuelva. Si le gusta más una sección determinada, ofrécela más seguido. Ahora, ¿Cómo saber que es lo que más les gusta? Simple: ofrece una encuesta, pregunta en el chat, abre tus puertas mediante un formulario de contacto, etc. Lo que sirva como medio de comunicación entre los lectores y tu será de utilidad.

Sea lo que fuere, brindale al lector lo que más le interese leer. Si no lo haces se irá. Es la ley.


Como vemos hay tres palabras que son muy importantes a la hora de escribir, y que deberíamos tener presente cada vez que creamos un post. Intenta aplicarlo al día a día de tu escritura y verás los resultados obtenidos.


¿Tu que crees?

¿Falta algo? ¿Crees que hay más de 3 palabras que hacen al éxito de escribir un blog o web? Cuéntanos tu experiencia. Aprendamos entre todos.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

6 may. 2009

Paginación en Blogger

Hoy vamos a ver como crear el truco de Paginación en Blogger.

¿Que es la paginación? Paginar es separar las entradas del blog en grupos de cierta cantidad de entradas y permitir navegar entre ellas. Un ejemplo es este:


Como sabemos los que usamos blogger, esta plataforma no trae por defecto un estilo muy lindo de paginación, apareciendo simplemente los links de "Entradas Antiguas", "Entradas más recientes" y "Página Principal", los cuales son bastante feos.

Como debemos hacer antes de practicar cualquier cambio a la plantilla, realizamos un backup de la misma (Diseño -> Edición HTML -> Descargar plantilla completa).

Ahora si manos a la obra. Lo primero es dirigirnos a la Edición HTML de la plantilla, expandir artilugios y buscar el siguiente código:

#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}

Nota: si no lo encuentran tal cual al código busquen por pager-newer-link o pager-older-link que lo encontrarán.

Una vez localizado lo reemplazamos completamente por el siguiente código:

#blog-pager a {
text-decoration: none;
padding: .2em 1em;
margin: .2em;
color: #000000; /* Color del texto */
background-color: #FFFFFF; /* Color del fondo */
border: 1px dotted #CCCCCC; /* Color del borde */
}
#blog-pager a:hover {
color: #000000; /* Color del texto */
background-color: #EEEEEE; /* Color de destaque */
border: 1px dotted #CCCCCC; /* Color del borde */
}
#blog-pager {text-align: center;}

Pueden modificar lo que está en negrita por el valor que ustedes quieran. Al costado les aclaré cuales son cada color para que les sea más fácil. Pueden checkear la paleta de colores AQUI.

El siguiente paso es buscar éste código:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId +
&quot;_blog-pager-newer-link&quot;'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId +
&quot;_blog-pager-older-link&quot;'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>


Y reemplazarlo completamente por este:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId +
&quot;_blog-pager-newer-link&quot;'
title='Página anterior'>&lt;&lt;</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId +
&quot;_blog-pager-older-link&quot;'
title='Próxima página'>Siguiente &gt;&gt;</a>
</span>
</b:if>
</div>
<div class='clear'/>
</b:includable>


Hecha la modificación hacemos click en vista previa y si todo ha salido correctamente guardamos los cambios. Ahora tienes tu propia paginación en blogger.

Aclaración: este truco funciona en el 99% de las plantillas, por lo cual existe un 1% en el que puede no funcionar correctamente. Por ello debes hacer un backup de la plantilla y probar si funciona. En caso contrario restauras la plantilla y no sucederá nada.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

5 may. 2009

Pack de hermosos iconos

Siguiendo con la costumbre de ofrecerles bonitos iconos para que utilicen en sus webs o blogs, hoy vemos esta colección de la gente de Royalty Free Icons.

Como pueden ver se trata de una colección muy bella, que combina múltiples temáticas y diversos estilos, para que encontremos aquellos iconos que más se adapten a nuestro blog.

Enlace | Royalty Free Icons

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

4 may. 2009

Consejos para escribir un post de calidad

Siempre que hablamos sobre SEO y Posicionamiento web tratamos de seguir muchos de los consejos que hacen que nuestro sitio tenga una mejor posición en buscadores y por ende más visitas.

Y como sabrán aquellos que han leído mis consejos SEO, casi siempre termino diciendo lo que para mi es la técnica SEO más importante de todas: Crear contenido de calidad.

Por eso, hoy más que hablar de SEO en sí, vamos a ver algunos tips sobre como crear un post de calidad. Porque, como dije, es allí donde se encuentra la esencia de todo.

1- Ortografía
Este es uno de los puntos más importantes desde mi punto de vista. A mi personalmente no me gusta cuando leo artículos con errores de ortografía, o bien cuando utilizan palabras abreviadas o en lo que hoy se llama formato SMS. Y no es que todos nacimos sabiendo, es más, podemos equivocarnos, pero con las facilidades que tenemos hoy en día podemos pasarle un corrector ortográfico a prácticamente cualquier editor de textos en el que escribamos. Por eso, trata de escribir correctamente, y utiliza las herramientas que corrigen errores.

2- Formato del texto
Utiliza tantos formatos como necesites para darle una mejor organización y aspecto a tu post. Es de mucha utilidad la correcta aplicación de negritas, cursivas, subrayado, citas, etc...

3- Imágenes
Las imágenes son muy útiles en varios aspectos. Quién no ha dicho alguna vez "Una imagen vale más que mil palabras" y es justamente eso en lo que debemos pensar cuando a veces tenemos cosas difíciles de decir y que podemos simplificar con una imagen, sobre todo aquellos textos muy largos sonde ver tantas letras se torna algo aburrido. O bien las imágenes nos puede decorar aquellos textos por más cortos que sean.

4- Enlaces
Enlazar es muy bueno, y contrariamente a lo que muchos creen, no nos hará perder visitas. Enlazar determinadas palabras o situaciones a sitios que expliquen o complementen la información es una práctica que los lectores agradecerán.

5- Vuelve a leer el post
Leer el post completamente antes de publicarlo es una práctica muy recomendable. En más de una oportunidad descubrirás que hay frases que sobran o que faltan al texto, y aquí es la oportunidad apropiada para corregirlas.

6- Vista Previa
Utiliza la vista previa para ver la totalidad del post antes de publicarlo. Allí podrás descubrir si los espacios están bien ocupados, si las imágenes coinciden, y muchos detalles que se te puedan pasar de largo mientras escribes.

Como vemos, estos son los complementos que harán que escribas un mejor post. Es importante tener una rutina a la hora de escribir para no olvidarse de nada, y seguir estos consejos nos puede ayudar mucho a la hora de escribir un post de calidad.

Para finalizar no quiero dejar de decirles que:
"El mejor consejo SEO es el contenido de calidad".
Vía | TodoWordpress

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

2 may. 2009

Plantilla Blogger: Notebook

Les dejo esta hermosa plantilla para blogger llamada Notebook. Como pueden ver tiene un diseño muy elegante tipo grunge, constituida por 2 columnas.



Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

1 may. 2009

[Estadísticas] Abril 2009

Para seguir con la costumbre iniciada en el mes de febrero de este año, cada vez que finalice un mes estaré pubicando las principales estadísticas relacionadas a VidaBlogger - Ayuda para Blogs, para que podamos ir viendo como día a día crece este blog. Recuerden que el crecimiento del blog es trabajo tanto mio como de ustedes, ya que sin sus preguntas, sus comentarios y sus apoyos, yo no estaría preocupandome tanto por el blog.

ESTADISTICAS GENERALES

Durante el mes de Abril recibimos la visita de 8,284 personas, las cuales vieron 17,219 páginas, generando un porcentaje de cambios positivos del 15,01% respecto del mes anterior. Desde ya que estamos muy contentos teniendo en cuenta que seguimos en ritmo ascendente.


FEED

En este mes superamos la barrera de los 200 suscriptos al blog, llegando a tener un máximo de 209 hace unos días atrás. Esperemos que esta tendencia siga por buen puerto.


TOP 5

Estos on los 5 posts más visitados y comentados del mes de Abril:

- Crear nube de fotos 3D en movimiento
- Poner calificación (estrellas) a los posts
- Contadores para blogs
- Consejos sobre palabras claves (keywords)
- Crear un formulario de contacto

Muchas gracias a todos por hacer de VidaBlogger - Ayuda para Blogs cada día más grande!

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!