▷ Códigos HTML indispensables para tu Blogger

Blogger es la mítica plataforma de creación de blogs gratuita de Google. Pero no siempre fue de ellos, sino que fue lanzada en 1999 por Pyra Labs, con la intención de simplificar para el usuario la posibilidad de escribir "bitácoras" (como también se conoce a los blogs)

Con Blogger, el usuario no necesitaba conocer nada de codigo HTML, solo necesitaba saber escribir. En 2003 la empresa fue comprada por Google y por ende Blogger fue parte del paquete.

Tener un blog en Blogger es sumamente sencillo y las posibilidades son infinitas. Es totalmente gratuito, no tenemos que pagar nada por utilizar la plataforma ni por el hosting. Además, nos permite asociar a un dominio propio, lo que hace muy economico comenzar un blog y monetizarlo (ya sea con Adsense o con AdNetworks alternativas)

En este artículo listamos los códigos HTML complementarios que creemos son indispensables para el crecimiento de todo Blog creado en Blogger. 

👉 Código anticopia para Blogger

Hacer un blog requiere esfuerzo y no deberías sentirte mal si quieres proteger lo más posible tu contenido.

Deshabilitar el botón derecho y la selección de texto en nuestro blog puede ser muy útil para evitar el "robo" de contenido. No es algo infalible, pero creemos que es necesario.

✅ Inserta el siguiente código en tu blog para proteger tus textos.

👉 Aviso de Cookies y Políticas de Privacidad para Blogger

El aviso de cookies es el texto con el que debes informar a los usuarios que visitan tu sitio web acerca del tratamiento y utilización de las cookies, cumpliendo así con la Ley.

La idea de este mensaje es dirigir al usuario a una página en la que expongas información clara y completa sobre la política de cookies de tu sitio.

Te dejamos este video tutorial de Monetiza Tu Tiempo en el que podrás ver lo fácil que es agregar esto a tu blog.

👉 Widgets de Me Gusta de Facebook

Te gusten o no, las redes sociales son parte esencial para el crecimiento de un blog. 

Tener una fanpage en Facebook es el primer paso y, después de haber invitado a darle like a todos nuestros contactos, hay que salir a pescar nuevos.

PODRÍA INTERESARTE: El nuevo método para obtener fans reales y gratis en Facebook.

Una buena opción es agregar esta caja de Me Gusta de Facebook en la sidebar de tu blog. Esto aumenta la exposición de tu fanpage, sobre todo si recibes muchas visitas orgánicas y las posibilidades de que tus visitantes le den Me Gusta crecen exponencialmente.

Este tutorial te mostrará cómo insertarlo muy fácilmente:

👉 Código Anti AdBlock para Blogger

Todos odiamos en mayor o menor medida los anuncios publicitarios en los sitios (sobre todo cuando son intrusivos y peligrosos, como los popads y popunders) 

Pero la realidad es que los ingresos por publicidad suelen ser el motor que permite que ese sitio que tanto te gusta siga existiendo.

✅ Con el siguiente código insertado en tu plantilla evitarás que la gente pueda consumir tu contenido si tiene bloqueada la publicidad. Solo podrá ver el posteo si deshabilita AdBlock.

👉 Instalar el Píxel de Facebook 

El Píxel de Facebook es algo sumamente necesario si tenemos intenciones de crear campañas publicitarias para nuestro blog. 

Ya sea para obtener fans o tráfico, tener el código del Píxel de Facebook instalado nos permitirá trackear los movimientos de los visitantes, crear públicos personalizados o públicos similares (por ejemplo, le podemos pedir a Facebook que genere un público similar a la gente que usualmente visita nuestro sitio)

Te dejamos un sencillo tutorial con el cual aprenderás a instalar el Píxel en tu Blogger y sus posibilidades.

👉 Autorefresh para Blogger

La gran mayoría de los grandes sitios webs cuentan con procesos de "autorefresh" en sus páginas. Este proceso consiste en realizar un refresco de la URL donde el usuario está parado cada determinado tiempo. Se utiliza mucho para aumentar las pageviews y las impresiones de banners de un sitio.

Agregar este código en Blogger es sumamente sencillo:

1. Ingresa a tu cuenta de Blogger y busca el blog al que quieres agregarle el autorefresh.
2. Dirígete hasta la parte de Tema y has clic en Editar HTML.
3. Presiona Ctrl+F para realizar una búsqueda en el código HTML de la plantilla y busca </head>
4. Pega el siguiente codigo justo arriba de </head>:  <meta content=’120′ http-equiv=’refresh’/> ("120" es la cantidad de segundos)
5. Guarda los cambios.