Como ”justificar” los textos de todas las entradas de Blogger


Seguramente ustedes no justifican todas las entradas de blogger, por que aveces simplemente se les pasa por alto, algo que se ve mal si tienes un blog de alto pagerank o reconocimiento.

justificar.jpg

Una forma de justificar de manera fácil todas las entradas del blog sin tener que estar justificando una por una es como muestro a continuación:

Nota: Probado con plantillas predeterminadas Blogger, puede que no funcione en algunas modificadas

#Busca en tu plantilla Blogger el siguiente código:

  1. #outer-wrapper

#Te va a aparecer algo así (nota: puede que no aparezca exactamente igual, pero debe aparecer debajo de la linea de código que buscaste anteriormente):

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: left;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

#Bien, Ahora tenemos que reemplazar la palabra left de text-align: left; por justify, y quedará de esta manera:

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: justify;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

Eso es todo, ahora todas las entradas de Blogger estarán siempre justificadas sin tener que usar el botón de justificar.

-Si quieres que la información de la sidebar quede justificada tienes que buscar un código parecido a este:

  1. #sidebar-wrapper {

– Probablemente, verás debajo un código parecido a este:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. float: right;
  4. margin-top: 0;
  5. margin-right: 3px;
  6. margin-bottom: 0;
  7. margin-left: 0;
  8. width: 219px;

-Y si no al interior del código anterior no encuentras la línea text-align: left; simplemente puedes agregarla debajo de:

  1. display: inline; /* fixes a strange ie margin bug */

-Quedaría de esta manera:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: left;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;

-Y nuevamente lo último que tenemos que hacer es cambiar el left por justify y está listo:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: justify;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;

Contador de Visitas Statcounter para tu Blog Explicado, Parte 1


Bueno, este servicio de contador de visitas es bastante bueno, lamentablemente para los que solo trabajan en español, esta en ingles, pero ademas de este post, haré otro para que aprendan a sacarle todo el provecho aunque no sepan nada de inglés. (Es aplicable a cualquier plataforma, donde puedan pegar un script)
Detalle de pasos a seguir para tener un contador de visitas:

Primero tenemos que registrarnos, para esto pinchamos cualquiera de los links que están destacados en la figura:

Ahora debemos completar todos los datos que nos piden, una vez que hemos rellenado los datos, entonces pinchamos en el link Register my Account:

La cuenta ya se ha creado, ahora vamos a agregar el código para tener el contador de visitas en alguno de tus blogs, para esto pinchamos en Proceed & Add a Project:

Completa los datos de la misma manera que muestro en la figura, hay unos tips que te servirán por si no entiendes algo, después pinchamos en Next:

Ahora tenemos que configurar e instalar el condigo del contador:

Como muestra la figura, aquí pueden seleccionar si quieren el contador invisible, un botón del servicio o visible:

Aquí pueden seleccionar si quieren que solo se cuentan las visitas o el contador aumente cada vez que alguien abra una página nueva (pageload):

Seleccionamos el tipo de contador:

Aquí podemos especificar el color de los números y del fondo ademas la cantidad de digitos que se mostrarán en el contador, el estilo, y si queremos que nuestras visitas accedan a los detalles de las visitas:

Aquí da lo mismo cual seleccionen, es solo para darles una guía de como deben instalar el código, en este caso seleccioné Blogger, pero puede ser cualquier otra plataforma:

Aquí tenemos el código, y ahora simplemente lo pegamos donde queremos que se vea el contador. Como ven como seleccioné Blogger anteriormente, ahora me aparece un detalle y un link con una explicación mas detallada de como instalar el código.

Nuestro contador ya esta listo, una vez que peguemos el código comenzaremos a ver como aumentan nuestras visitas. Simplemente me voy a My Projects para ver todos los contadores de todos los blogs que tienen. Y si quieren crear un nuevo proyecto pinchamos en Add New Project.

Además podemos editar y cambiar el formato del código cada vez que lo necesitemos (basta con pinchar la llavecita, como lo muestra la figura)

Cuando pinchemos sobre el nombre de nuestro projecto, en la imagen anterior sería Blog de Ayuda, veremos en detalle lo que esta pasando con nuestro blogs, visitas, los links por los cuales llegan a nuestro blog, el navegador que utilizan, el pais, y muchas otras cosas mas.

Si tienes duda respecto a donde debes pegar el código revisa el post Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template)
En la parte 2 explicaré para que sirve cada link del menú de la izquierda.

Espero que les sirva

Servicio Para ver el Estado de los Links de tu Blog, Link Checker


Simple, pero muy útil, sobretodo para verificar cada cierto tiempo si los links de nuestros post siguen vigentes. Basta que la persona a la que linkeamos cambie su post a otra página, y nuestro artículo ya no servirá de nada sin la referencia correcta.
La Página en donde pueden verificar sus links es http://www.pagerank.net/link-checker/ y es tan simple como escribir la URL de nuestro blog, y las letras de verificación, tal como muestro en la figura:

Espero que les sirva