Enlace que direcciona hacia una entrada al azar

Imagen tomada de CrashRuleta

Veremos a continuación un método muy efectivo para promocionar publicaciones antiguas de nuestro blog con un link que al hacer click en él muestre una entrada al azar. Es algo bastante interesante y aunque no parezca, sencillo de realizar.

El visitante sentirá curiosidad por el post al azar que aparecerá y es muy posible que haga click. De esta manera permitiremos a los visitantes explorar entradas que posiblemente hayan quedado en el olvido para muchos hace tiempo.

El código en cuestión es el siguiente:

<div id="myLuckyPost"></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j) { if (entry.link[j].rel == "alternate") { window.location = entry.link[j].href; } } } function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function readLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total); luckyNumber++; fetchLuck(luckyNumber); } function feelingLucky(){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky'; document.getElementsByTagName('head')[0].appendChild(script); } </script> <a href="#random" onclick="feelingLucky()">Entrada al azar</a>

Podremos modificar el  texto del enlace cambiando lógicamente lo que está de color rojo; y si se quiere usar una imagen en lugar del texto, reemplazaremos lo de color rojo por lo siguiente:

<img src="URL DE LA IMAGEN">

Este código lo podemos añadir tanto en un gadget como en una entrada.

Agregar un reproductor mp3 al blog

Agregar un reproductor de música puede crear un clima importante en el blog, más aún cuando se trata de un blog en el que el tema general es de determinado artista o banda. También puede ser que el lector se relaje y disfrute todavía más el contenido del sitio.

Hay que ser razonable también, y a las personas le gustan distintos tipos de género musical y puede ser que se enfurezcan al encontrar en tu blog canciones que no les agradan.

El reproductor que tengo para compartirles reproduce mp3 y está hecho con flash. Hay 4 diferentes, desde al más simple, que solo tiene la opción de pausar, hasta el más completo, con el que podremos reproducir varios temas, bajar el volumen y poner stop. Además son personalizables, con distintos colores y tamaños.

Insertar la caja de comentarios de Facebook debajo de las entradas

Agregar un plugin que permita realizar comentarios con una cuenta de la red social más utilizada del planeta en vez de los tradicionales comentarios de Blogger sería, en ciertos casos, algo fundamental ya que habrá mayor cantidad de comentarios e interacciones entre los usuarios. Esto es así ya que no todos tienen una cuenta de Google para dar su opinión en los blogs y la mayoría está conectado a Facebook permanentemente, por lo que sería mucho más fácil para los lectores comentar.

Botones de compartir de Google+

Compartir alguna entrada en las redes sociales repercute mucho en las visitas, especialmente cuando el contenido creado es de calidad, ya que de ser así es posible que las entradas sean recomendadas y compartidas por más gente que y de esta manera, que llegue a más público

También es un factor esencial dar un empujón al lector para que este comparta el post, ya que es poco probable que lo publique en las redes sociales si no colocas botones y enlaces para compartir en el blog.

Veremos en esta ocasión los distintos tipos de botones que tiene disponible Google+ para agregarlos al sitio. Tienen diferentes tamaños tanto de altura como anchura y son muy fáciles de colocar, pues solo será necesario agregar un pequeño código en el lugar donde se desee ponerlos.

Botón con anotaciones integradas

<div class="g-plusone" data-annotation="inline" data-width="300"></div>

<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Botón con cantidad de compartidos estilo horizontal

<div class="g-plusone"></div>

<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Botón sólo

<div class="g-plusone" data-annotation="none"></div>

<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Botón con cantidad de compartidos estilo vertical

<div class="g-plusone" data-size="tall"></div>

<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Si quieres más tamaños de los botones, cambiar su idioma o ver configuraciones avanzadas haz click aquí.

Google Analytics para conocer las estadísticas del blog

Google Analytics es la herramienta más completa para realizar un seguimiento de las visitas en los blogs. Muchos estarán conformes con las estadísticas proporcionadas por Blogger, pero por si no lo sabían, estas cuentan las visitas spam en el blog, las vistas previas cuando retocamos la plantilla, los robots que ingresan a la bitácora para indexar su contenido, etc.

La analítica en el blog resulta esencial pues podemos analizar y recopilar información sobre los lectores y personalizarlo según las necesidades de cada uno (webmasters, marketineros y ejecutivos).

Con este servicio de Google podremos obtener datos demográficos sobre la edad y el sexo, los intereses de cada visitante, su idioma, de dónde vienen, el porcentaje de rebote, las palabras claves utilizadas, visitas por publicación, además de comparaciones y varios gráficos, entre muchas cosas más.

Aspectos a tener en cuenta al crear un blog

Foto por Catalin Petolea

Muchas personas cuando crean un blog piensan que en poco tiempo este se convertirá en uno muy exitoso. Esto nunca es así, pues crear un sitio exitoso es un proceso largo y no requiere sólo tiempo, sino también compromiso y ganas. Sin esto será difícil mantener una web con vida.

Hay algunos factores a tener en cuenta que serán importantes para aquellos que tienen sus primeras experiencias con un blog.

Personalizar el blockquote

Ya hemos visto anteriormente cómo personalizar los saltos de línea en las entradas. Siguiendo el mismo camino de personar las plantillas, hoy veremos cómo personalizar el blockquote, que son las citas textuales en las publicaciones. En estas citas podemos agregar palabras importantes para resaltar, algún fragmento que es copiado de una web o para mencionar algo que escribimos con anteriorad.

Así se ven las citas textuales:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempus arcu in odio ullamcorper ullamcorper. Maecenas eu nulla et augue pellentesque ullamcorper. Duis vehicula libero lacus, non fermentum est pharetra id. Nunc ante diam, mattis et euismod vitae, interdum vel mi. Donec et metus convallis, rutrum dolor vitae, consequat turpis. Proin ornare, nisi in convallis pretium, magna arcu gravida ligula, ut gravida nisi leo eu nunc.

Para crearlas simplemente tendremos que hacer click en las de las opciones del editor de texto o agregar el texto entre <blockquote> y </blockquote>.

Para personalizarlas, tenemos que ir a Plantilla, Personalizar, Avanzado y Añadir CSS. En la casilla de texto de arriba de todo tendremos que pegar este código:

blockquote {
font-style: italic;
font-family: Georgia;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
margin: 20px 35px 0 35px;
padding: 10px 20px 0;
background:#fafafa;
}

Haciendo uso de estos estilos, el bloque entrecomillado se verá así:

Si queremos colores vivos y un diseño más atractivo, podemos usar este código:

blockquote {
font-family: Arial;
font-style: italic;
border-radius:8px;
webkit-border-radius:8px;
margin: 20px 35px 0 35px;
padding: 10px 20px 0;
background:#0174DF;
color:#fff;
box-shadow: 2px 2px 2px #2E2E2E;
}

El resultado es este:

Es cuestión de ir probando pequeñas modificaciones, empezando por el tipo de letra y su estilo, el borde del blockquote o el fondo, hasta que quede a gusto de cada uno.

El copy-paste

En esta entrada analizaremos el uso del copy-paste y profundizaremos un poco las desventajas que tiene la duplicación de contenido. También usaremos algunas herramientas para saber si nos están copiando material del blog o no.

Puntos a tener en cuenta:

• Si copias y pegas contenido de otro blog, lo único que haces es perjudicarte, ya que el buscador de Google penaliza al sitio que hizo copy-paste relegándolo a una mala posición en los motores de búsqueda; pero se puede dar el caso en que crea que el texto copiado es el original y al revés, o también sucede que no puede identificar que contenido es original y cuál es el copiado.

• Piensa en todo el esfuerzo y tiempo que aquella persona se tomo para realizar la publicación. Imaginate también la frustración que tendrá cuando vea que alguien le está robando todo su contenido.

• Muchas veces lo que se encuentra en internet es gratuito y de uso libre, pero en el caso de que quieras usar material que no sea el tuyo, coloca un enlace de referencia al post original, de lo contrario estarás plagiando.

• Es posible que pierdas lectores ya que siempre se busca contenido nuevo, y si copias, es posible que ya lo hayan leído en el sitio original y por lo tanto, dejarán de visitar tu página web.

• Si te copian alguna vez, sé optimista y  piensa que la publicación es tan buena que merece ser copiada.

¿Cómo saber si me están duplicando el contenido?

Puede ser que no nos enteremos si alguna web esté realizando copy-paste en nuestro blog, pero hay varias herramientas online que permiten detectar material que fue plagiado.

Plagium:

Para que esta fantástica herramienta nos enseñe si algún texto fue copiado, solo tendremos que copiar el material en el cuadro de texto y hacer click en Búsqueda rapida o Búsqueda profunda, según el tiempo que queramos implicar. Sirve para identificar información puntual, solo un texto, pero para revisar alguna página entera tendremos que registrarnos.

Duplichecker

Consiste en subir un archivo .txt o .doc de hasta 1500 palabras. Desconozco su eficacia de detectar el plagio y además, esta web está repleta de anuncios.

Copyscape:

En mi opinión el mejor. Análisis profundo de todo el sitio y además detecta hasta la mínima sospecha. Ofrece otras opciones como saber si nosotros estamos copiando algo nosotros antes de publicarlo, pero ya tendríamos que abonar 5 centavos por búsqueda, que tampoco es tanto.

¿Cómo resolver el problema?

Ahora que ya vimos las herramientas necesarias para identificar las copias y pusimos en claro los puntos importantes de este tema, tendremos que debatir la parte más importante: la solución del problema.

No existe ningún recurso con el que en unos simples pasos resolvamos todo, sino que hay que hacerlo manualmente, escribiéndole un mensaje al autor del blogger que nos duplicó el contenido. Es probable que ante esta situación estemos un poco enojados, pero no hay que ir con los talones de punta, sino que hay que tratar de escribir amablemente.

Insertar tweets en el blog

En distintas ocasiones queremos colocar los tweets en el blog, pues queremos compartirlo con la gente o queremos compartir con los lectores alguna frase o noticia que fue puesta en Twitter. Con este gadget podremos retweetar, seguir, marcar como favorito, e incluso responder el tweet.
Como podemos ver, es atractivo y sencillo. Para agregar este gadget al blog debemos seguir estos pasos:

Cómo agregar el menú de las plantillas del diseñador http://t.co/x6pA8hXymo
— Sobre Blogger (@SobreBlogger) noviembre 25, 2013

Una vez encontrado el tweet que insertaremos, en las opciones que aparecen abajo clickeamos en más y en Insertar tweet, como se ve aquí abajo:











A continuación copiamos el código que nos generó y lo pegamos en la parte que deseamos que se muestre el tweet. Puede ser en una entrada o en un gadget HTML/Javascript:

Cómo agregar el menú de las plantillas del diseñador

El menú de las plantillas del diseñador es aquel menú que viene en todas las plantillas gratuitas que nos ofrece Blogger.

Insertar un menú es algo importante en los blogs, pero si se quiere hacer en alguna plantilla del diseñador puede ser un dolor de cabeza, ya que hay que eliminar y agregar varios códigos. Para aquellas personas que no se quieren complicar, les recomiendo que lean este post.

Para insertar este menú, es necesario crear las "páginas", que son como las publicaciones dentro del blog, pero a diferencia de estas, no cuentan como una entrada más. Una vez creadas estas "páginas", deberemos seguir una serie de instrucciones con las que podremos argregar el menú.