Crea una extensión de Google Chrome para tu Blog

Hoy te voy a enseñar en 5 minutos a hacer una extensión de Google Chrome para tu Blog.

Las extensiones de Google Chrome están compuestas por archivos HTML, CSS, JavaScript y JSON, pero no es necesario que sepas programar para tener una para tu Blog.

Puedes descargar este archivo ZIP que te servirá como plantilla para empezar. Tiene todos los ficheros que componen una extensión básica. Funciona perfecto si tu Blog está creado con WordPress. Si no, tendrás que modificar un poco el código.

Abre los archivos popup.html, manifest.json y popup.js con tu programa de editor de código. Si no tienes uno, puedes descargar Notepad++, que es gratuito.

Archivos de una Extensión

ARCHIVO POPUP.HTML

En el archivo popup.html tendrás que modificar los campos que están idicados en los comentarios. Pon el título de tu Blog (linea 12), sustituye las URLs de MetricSpot por las de tu Blog (líneas 29 y 36) y modifica los enlaces a las Redes Sociales (líneas 46 a 49)para que apunten a las tuyas.

También hay una imagen embebida (línea 31) que está alojada en la Web de MetricSpot. Modifica la URL para que apunte a una imágen alojada en tu Web. Tiene que ser un archivo de 200px de ancho por 40px de alto.

ARCHIVO POPUP.JS

En el archivo popup.js tendrás que incluir la dirección del Feed RSS de tu Blog (línea 6) y determinar el número de entradas que quieres que aparezcan en la extensión (línea 9). Por defecto la extensión mostrará las5 últimas entradas.

ARCHIVO MANIFEST.JSON

En el archivo manifest.json modifica los campos «name» (línea 2), «description» (línea 3) y «default_title» (línea 9) para que muestren el título y la descripción de tu Blog. La descripción debe ser de una longitud inferior a 132 caracteres para que no aparezca cortada.

Plantilla de Iconos

LOS ICONOS

En la carpeta IMG tienes una serie de iconos con todos los tamañosque necesita la extensión para funcionar. Sustitúyelos por el tuyo y recuerda dejar los márgenes correspondientes en el icono de 128px (el archivo icon.png) para que se visualice correctamente.

CHROME STORE

Cuando ya lo tengas todo listo, comprímelo todo en formato ZIP y súbelo a la Chrome Store. Tendrás que abrir una cuenta y hacer un único pago de $5 dólares con Google Wallet. Esto te permitirá alojar hasta 20 aplicaciones y extensiones en tu cuenta, y no requiere pagos anuales de mantenimiento.

Sube el archivo ZIP

Añade un icono, un pantallazo de tu Blog e imágenes promocionales. Puedes descargar este archivo que contiene un ejemplo de cada uno para que te sirva de referencia. También tendrás que incluir una descripción detallada de tu Blog y rellenar una serie de campos informativos. No te llevará más de dos minutos.

Cuando hayas terminado, haz click en «publicar» abajo del todo y en 15 minutos estará lista para enlazar desde tu Blog.

Oscar perez

Arquitecto especialista en gestion de proyectos si necesitas desarrollar algun proyecto en Bogota contactame en el 3006825874 o visita mi pagina en www.arquitectobogota.tk

Crea una extensión de Google Chrome para tu Blog