Tecnología, Internet y Contenidos

Ya llevo un tiempo blogueando con Blogger y he visitado muchas páginas donde encuentro tips y consejos para mejorar mi blog. Y como buen blogger quiero compartir esas páginas con vosotros. Ahí la razón de esta entrada.

Algunas veces he tenido que buscarme la vida por mi cuenta y los resultados que he conseguido los he publicado en este blog. Espero os hayan ayudado en mayor o menor medida.

Algunos ejemplos de estos trucos para Blogger son estos:

1. Bloguismo: Además de consejos y trucos variados, este blog es útil porque da también consejos de índole legal interesantes sobre todo para bloggers de España.
   
2. Gemmablog: Un blog muy útil. Incluye consejos y tips, recursos sobre diseño y pequeñas modificaciones de las plantillas de Blogger con las que obtendrás nuevas funcionalidades para tu blog.
3. Vagabundia: Incluye recursos y consejos sobre Blogger. Para los más iniciados incluye una guía sobre html elemental que no te puedes perder.
4. AyudaBlogger: Incluye una categoría de aplicaciones Blogger muy interesante. Nos brindan consejos y ayuda en las funciones básicas y avanzadas de Blogger.
   
5. CiudadBlogger: Un blog muy completo donde encontrarás de todo. Atención especial a su categoría Trucos Blogger.
   
6. El escaparate de Rosa: Blog muy interesante. Datos útiles, plantillas, gadgets y trucos para Blogger.
   
7. Oloblogger: Widgets, recursos, scripts y trucos (más de 100). Un blog completísimo e imprescindible.
   
8. Blogtecnia: Blog de temática variada que contiene una categoría "Herramientas Blog" en la que aprenderemos sobre posicionamiento y SEO. Imprescindible si tenemos un blog.
   
9. Tutoriales para Blogspot: SEO, monetización y plantillas. Si quieres sacar rendimiento a tu blog y mejorarlo debes empezar entrando aquí.
10. Pizcos Blog: Blog sobre herramientas y recursos que divide sus consejos en Principiante, Intermedio y Avanzado.
    

Tenía ganas de escribir algo ya sobre Google Buzz, la nueva red social de Google. Después de todos los problemas que originó su lanzamiento muchos usuarios han decidido ni siquiera probar el servicio. La vinculación directa con la cuenta de Gmail puede hacer que muchos usuarios se echen atrás.

Aún así no deja de ser una red social que seguramente tendrá muchos adeptos y que será un referente en el futuro, por lo que es bueno aprovechar esta potencialidad para promocionar nuestros blogs y páginas web.


Bien, pues gracias a BloggerStop nos enteramos de que Google ya ha sacado los widgets oficiales para postear las entradas en Google Buzz. Sólo tienes que ir a la siguiente página de Google Buzz, elegir las opciones que más coincidan con tu blog: Botón grande, pequeño, con contador, etc.. y copiar el código que te ofrece.

A continuación, debes entrar en blogger, ir a Diseño-> Edición Html, expandir las plantillas de artilugios y buscar dentro de tu plantilla el siguiente código:



<data:post.body/>


y antes o después de este código ( según quieras que salga arriba del contenido del post o después), copiar el código que te proporciona la página de Google Buzz.

Si quieres puedes probarlo con el siguiente botón de ejemplo.







Espero que os sirva para promocionar vuestros blogs y llegar al mayor número de gente.

Navegando por Tecnoloogeek, me topé con una nueva funcionalidad de Blogger, el diseñador de plantillas. Nunca fue tan fácil modificar y adaptar una plantilla de Blogger como a partir de ahora.



Para acceder a este nuevo diseñador de plantillas solo tenemos que entrar en el escritorio en borrador de Blogger. Este escritorio es donde se prueban todas las funcionalidades nuevas antes de que se vean en el escritorio real. Digamos que es como la versión beta de todas esas funciones de Blogger. En fin, para acceder al borrador solo tenemos que ir a la sección Herramientas y recursos (al final de todo del escritorio de blogger) y pulsar sobre el enlace "Blogger en borrador".

Una vez que estas en "Blogger en borrador", accede a la sección "Diseño" de aquel blog al que quieras cambiar su apariencia y al acceder verás algo como lo siguiente:


Una vez hemos accedido al Diseñador de Plantillas de blogger, veremos una pantalla como la siguiente donde podemos distinguir claramente cuatro secciones: Plantillas, Fondo, Diseño y Avanzado además de una vista previa de nuestro blog con los cambios que vayamos realizando. No hay mejor manera de diseñar una plantilla fácilmente.


En la sección Plantillas, podremos elegir entre un total de 15 plantillas predefinidas agrupadas en cuatro plantillas principales, como se puede ver en la imagen


En la sección Fondo, podremos configurar distintas gamas de colores eligiendo una de entre las que se nos sugieren. Con un simple click, cambiaremos y adapataremos los colores de nuestra plantilla a aquel fondo que elijamos.


Además, si hacemos click sobre la imagen que aparece debajo de la leyenda "Imagen de Fondo", se desplegará un lightbox donde podremos elegir entre una gran variedad de Fondos y tramas para el background de nuestro blog. Como podemos ver en la siguiente imagen, los fondos se nos presentan categorizados por temáticas. Conviene echarle un vistazo a todos ellos y elegir el que más se adapte al diseño que queremos darle a nuestra nueva plantilla de blog.


Pasando ya a la tercera sección y para mí la más interesante, hacemos click en la pestaña Diseño. Esta sección esta dividida en tres subsecciones: Diseño del cuerpo, Diseño del pie y Ajuste de Anchos.

Si vamos a la pestaña Diseño del cuerpo, podemos encontrar ocho configuraciones distintas de la colocación de nuestros gadgets en el blog. Para mi esta función es la que más versatilidad y rendimiento nos puede traer. Nos permite cambiar todo nuestro blog sin saber nada de Html ni Css. Podemos cambiar de dos columnas a tres o a una con un par de clicks y sin perder ninguno de nuestros gadgets. De modo que podemos probar y probar hasta encontrar que combinación proporciona una mejor experiencia a nuestros usuarios.


Y para todos los que tenemos adSense nos permite probar nuevas configuraciones para aumentar nuestro ctr y nuestros ingresos.

En la siguiente subsección, Diseño del pie, encontramos la misma funcionalidad pero orientada al pie de nuestro blog, dejándonos elegir tres diseños distintos para obtener todavía más posibles combinaciones para cada plantilla.


Dentro de esta misma sección podremos adaptar el ancho de nuestro blog y de cada una de sus columnas, consiguiendo así una máxima adaptación a nuestra necesidades. De una forma fácil podemos ver como quedaría nuestro blog con una columna más o menos ancha.


Y por último, pasamos a la sección de Avanzado, donde podremos configurar los distintos colores de cada una de las partes de nuestro blog individualmente. Además podremos añadir, si sabemos, nuestro propio código css para adaptar aún más nuestra plantilla.



Un lujo de diseñador de plantillas para una plataforma gratuita.

En esta ocasión toca Facebook. Para los que no lo sepáis, si es que queda alguien en el mundo, Facebook es una red social con mas de 400 millones de usuarios activos en el mundo. Nada más y nada menos. Tiene un ranking en Alexa de 2. Es decir, que según este ranking es la segunda página más visitada del mundo. Además, la mayoría de sus usuarios pasan largas horas conectados. Tiene infinidad de aplicaciones, juegos y añadidos. En fin.. es un lugar donde podemos publicitar nuestras webs.

A continuación os explico como añadir un botón para que cualquiera pueda compartir vuestra blog de Blogger/blogspot con sus amigos de Facebook.

Para ello debeis ir a Diseño-> Edición HTML y como siempre, haced copia de seguridad de vuestra plantilla. A continuación, espandid las plantillas de artilugios y buscad el código que sigue:


<data:post.body/>


y justo después de él añadid este código.


<div style='float:right;padding:4px;'>

<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

</div>

Ya está. Funcionalidad añadida. Si queréis personalizar este botón podéis ir a la siguiente página de Facebook donde os explican las opciones que tenéis.

http://www.facebook.com/facebook-widgets/share.php

Si queréis saber como incluir este botón en Joomla, quizás os interese esta entrada: Joomla y Facebook: Botón para compartir artículos.

Ya me contaréis que tal os va y si os ayuda a aumentar vuestras visitas.

Quitar el atributo noFollow de los comentarios ha sido una de las cosas más fáciles que me ha tocado hacer en un blog de blogspot.

Antes de explicaros como hacerlo, os recomiendo hacer una copia de seguridad de vuestra plantilla desde el enlace "Descargar Plantilla completa" que proporciona blogger.

Quitar este atributo, fue tan fácil como ir a Diseño -> Edición de HTML y pulsar sobre la casilla para "Expandir las plantillas de artílugios".

Debeis buscar el siguiente código en vuestra plantilla :


<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>

Y a partir de aquí, obviamente solo hay que eliminar donde pone "rel='nofollow' " y ya está, trabajo hecho. Esto eliminaría ese atributo en el link del nombre del autor del comentario.

Existe todo un movimiento entre algunos bloggers de Internet en contra de este atributo. Fue ideado por Google a principios del 2005 en un intento por luchar contra el spam e indica a su robot (Googlebot) que no debe seguir dicho enlace. Con este atributo, ese enlace que se encuentra en una página A y enlaza con una página B no transmitiría Pagerank de la página A a B. Lo que lo convierte en un enlace no válido para los buscadores, aunque sigue siendo un enlace válido para los usuarios de la página A.

¿Qué opinais de este atributo?¿lo teneis en vuestros blogs? Yo lo acabo de quitar de uno de mis blogs, dicen que se consiguen más comentarios porque muchos bloggers son muy aficionados a comentar en los blogs que no incorporan dicho atributo en los comentarios. Otra cosa es que tu blog tenga muchas visitas por parte de otros bloggers o webmasters.. Lo dicho, yo lo he quitado en uno de mis blogs, a ver si es verdad y mejora el número de comentarios.

Después de un mes desaparecido, he vuelto con muchas cosas nuevas. Este mes de diciembre tiene pinta de ser muy productivo aunque generalmente es todo lo contrario.

El tema que hoy me ocupa surgió al iniciar un nuevo blog en Blogger. Ya os hablaré más adelante de ese proyecto que estoy recién comenzando. Pues bien, me vi en la necesidad de crear entradas nuevas sin que estas aparecieran en ningún momento en la pagina principal del blog. Cuestión de estetica, pero tambien de organización.

La primera solución, que me fue de mucha ayuda, me vino de la mano de blog GemmaBlog (aquí mismo recomiendo su lectura, un gran blog), donde explicaba como ocultar entradas de la página principal, justo lo que yo necesitaba hacer. Su solución es buena y funciona, pero tiene un inconveniente, no funciona si dicha entrada tiene más de una etiqueta. De hecho, incluso me paso que salían entradas duplicadas.

Esto me forzó a buscarme las castañas yo solito y basandome en su solución, todo hay que decirlo, la modifiqué para que funcionará como yo quería. De este modo, consigo ocultar entradas de la página principal del blog, incluso si estas tienen varias etiquetas.

Lo primero que debes hacer es leer bien este post, pulsar en Diseño-> Edición de HTML y hacer una copia de tu plantilla.

Expandir las plantillas de artilugios y a continuación, busca el siguiente código en tu plantilla y añade el texto que marco en rojo


<div class='blog-posts hfeed'>



<b:include data='top' name='status-message'/>



<data:defaultAdStart/>

<b:loop values='data:posts' var='post'>

<!-- Anadido por Jose-->

<b:if cond='data:blog.url == data:blog.homepageUrl'>



<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast'>

<b:if cond='data:label.name != "zzOculto"'>

<h2 class='date-header'><data:post.dateHeader/></h2>

<b:include data='post' name='post'/>

</b:if>

</b:if>

</b:loop>

<b:else/>

<!-- Anadido por Jose-->

<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "static_page"'>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:post.includeAd'>

<b:if cond='data:post.isFirstPost'>

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<div class='inline-ad'>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

<b:if cond='data:post.trackLatency'>

<data:post.latencyJs/>

</b:if>

<!-- Anadido por Jose-->

</b:if>

<!-- Anadido por Jose-->

</b:loop>

<data:adEnd/>

</div>





Está modificación lo que hace es ocultar todas aquellas entradas cuya última etiqueta sea distinta de "zzOculto". Si quieres ocultar una entrada en la página principal simplemente debes añadirle la etiqueta "zzOculto". Y ahora, explico el porqué de las z, que seguro os lo estáis preguntando. Blogger ordena las etiquetas alfabeticamente, las dos zetas aseguran que esa etiqueta será la última en el orden alfabetico. A menos que tengas una etiqueta con tres zetas al principio de su nombre, en ese caso, modifica este código que te doy cambiando "zzOculto" por "zzzz" o la etiqueta que tu quieras, pero que sea la última, sino, no funcionará.

Sucio pero eficaz... jeje!

Se ha puesto a nuestro alcance un buscador de textos repetidos o plagiados y es alucinante lo rápido que lo hace. Basta con insertar el texto que has escrito y Plagium lo buscará en el indice de Yahoo Search para encontrar quien lo ha copiado y pegado.




Es una herramienta muy útil, incluso te dice cuando lo han plagiado y donde, mostrándote debajo de este bonito gráfico un listado con las entradas que lo utilizan.

Como veis, aparecen muchos resultado y ahora es cuando nosotros seleccionamos cuando son verdaderos plagios y cuando no ya que si estamos inscritos en directorios de blogs estos aparecen en el lista ya que añaden una introducción a cada artículo.

Los "copypasteros" tienen los días contados. Se acabó copiar y pegar y no mencionar al autor del contenido copiado.

No copies y pegues, serás encontrado.

Un saludo.

Desde este blog, os hemos dado muchos consejos sobre como posicionar vuestra página o blog en Google y sabemos lo dura que puede ser esta tarea. Y hemos decidido prestaros este mismo blog como escaparate para el vuestro.

Solo tenéis que dejar aquí mismo un comentario que incluya un título y una descripción de vuestra página o bien, comunicaros conmigo en josesieiro[arroba]hotmail.com.

Para no cargar demasiado la página de enlaces, hemos decidido que el límite estará en 25 enlaces.

Y atendiendo a las primeras peticiones. Añado los dos primeros enlaces.

• Pc Web
• Pc internet
• PopMofo Blog de marketing, publicidad y nuevos canales de comunicación online.
• Posicionamiento natural y SEO : En esta web podrás añadir tu enlace gratis, sin coste y si recíproco. Solo se pide que tu web sea de calidad y que tenga contenido actualizado. Totalmente gratis.
• El pequeño Jimmy: Como dice el autor del Blog: "Jimmy es un chico de diez años que, por extrañas circunstancias, se encuentra inmerso en el mundo Universitario". Una curiosa y original historia llena de humor.
• Marketing y productos de bienestar.
  
  

Desde AccesoDirecto, Cecilia nos hace llegar un post que me pareció digno de difusión y como ella misma dice en dicho post, cito a su fuente. Gran Blog el de Acceso Directo, os recomiendo que lo visitéis.

A quien no le a pasado que buscando información para ampliar un artículo ya escrito se encuentra con un artículo escrito por un en un blog con una cantidad increíble de posts y posicionado perfectamente en primera posición en Google. Os lo juro, a mi me paso una vez.

Lo más común para aquellos que como yo utilizan Internet como medio de trabajo e información es leer el mismo artículo una y otra vez en distintos blogs, sin apenas cambios y sobre todo, sin nada nuevo que aportar.

Desde el mencionado post, nos da varias formas de evitar que nos roben contenido y aquí viene mi aportación. Si ya nos lo han robado ¿como lo sabemos?. Para eso, existen herramientas como Plagium.

Como veis, yo ya pongo en práctica algunos de los consejos que da. Incluso barajo incluir un script para evitar que copien mi contenido sin incluir un enlace a este blog.

Os recuerdo, que este blog esta bajo una licencia CreativeCommons 3.0. Para utilizar el contenido en él escrito es necesario citar al autor de este blog incluyendo un enlace a este blog.

Para añadir a tu blog en Blogger un botón para que tus visitantes puedan con un sólo click publicar enlaces a tus entradas en su Twitter deber ir a la pestaña "Diseño" de tu blog y ver la "Edición de Html" y añadir justo después de la etiqueta <data:post.body></data:post.body> el siguiente código. No es más que un enlace que se autogenera con el título y el enlace a tu post o artículo.

Recuerda que tendrás que seleccionar la opción de expandir las plantillas de artilugios.

Y ya está hecho. Gracias a un servicio proporcionado por twitthis.com podemos añadir con un sólo click enlaces a nuestro twitter.

Fácil, rápido y sencillo. Una manera más de promocionar tu blog.

TrazosWeb ha publicado un artículo muy interesante. Detalla los diez mandamientos que debe seguir un blogger para ser un mejor blogger.

Aquí muestro la lista completa. Puedes ver las interesantes explicaciones de cada uno de ellos pinchando en el siguiente enlace: Trazos web.

10 mandamientos para ser un mejor blogger

1. No robarás
2. No dejarás comentarios spam
3. Te concentrarás en el contenido
4. No insultarás
5. Reconocerás a tus lectores
6. No mentirás
7. Publicarás artículos frecuentemente
8. Crearás interés
9. Ayudarás a otros bloggers
10. Leerás otros blogs

Muchos ya conoceréis estas páginas, pero para los que todavía no, echadles un vistazo

• BTemplates
• AllBlogTools
• BloggerTemplates
• Blogspot Template

Lo más importante de cara a un usuario de Internet cuando visita un blog, una página o un foro son dos cosas:

• Contenido de calidad (encontrar lo que se busca)
• Diseño de calidad

• Best of Joomla
• Joomla Templates
• Joomla 24
• JoomlasHack: Sitio con plantillas de pago que ofrece una selección de plantillas gratuitas. (El enlace es a la sección de plantillas gratuitas)
• RocketTheme

• Garcya
• FreeTemplates
• FreeOsCommerce
  

• 83 plantillas

• BTemplates
• FinalSense

Desde está página SimpleCode desde la que podemos obtener facilmente código para que podamos insertar html, código de blogger u otro formato y se vea exactamente igual en la pantalla. Muy útil cuando desarrollamos un manual o explicamos algo.

Después de mucho buscar.. por fin encontré una nube de tags más dinámica para Blogger. Como veis, ya la he puesto en mi página. Este plugín se originó en Wordpress y ahora gracias a BloggerBuster.com


Lo único que hay que hacer es editar el html de la plantilla de vuestro blog y donde queráis pues copiais el código que os dejo aquí abajo y ya está. Rápido, verdad? Lo podeis colocar donde querais, sepais lo que haceis. Si no lo sabeis con ponerlo debajo de la linea "
<b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"></b:section>

".

A continuación podreis editar varias opciones de configuración desde la vista de diseño del blog.
Os aconsejo que visiteis la página original si quereis editar las opciones de los colores o los tamaños.


<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>