lunes, 11 de mayo de 2015

Crea una aplicación de tu blog para Chrome fácil

¡Qué tal compis! luego de un mes (y un día) de inactividad en el blog, retomamos hoy el vicio de ser blogger con una entrada interesante y a la vez útil para todos nosotros quienes tenemos un sitio web, ya sea con Blogger, WordPress o cualquier otro CMS o plataforma utilizada.

Se trata de crear una aplicación de nuestro blog, para luego publicarla en la tienda de Google Chrome más conocida como la "Chrome Web Store", además nos servirá para promocionarla en nuestro sitio y que los lectores la instalen en sus navegadores.

¿Suena interesante cierto? pues lo mejor de todo es que no será necesario que tengas conocimientos de programación, ya que el procedimiento es muy sencillo y lo único que precisas es un logo de 128x128, lo demás es pan comido... vamos al lío =)

Creando una aplicación del blog para Chrome

Aclarar primeramente que esta aplicación al igual que la mayoría existentes en la tienda, cumplirá la función de ser un enlace que llevará al usuario a visitar nuestro sitio. Teniendo en cuenta que Google Chrome es uno de los navegadores más utilizados, contar con una extensión/aplicación de nuestro blog, representa una gran ventaja que sin duda alguna mejorará la imagen de tu página ;)

PASO 1. Crea una carpeta en el escritorio (o donde prefieras) y ponle el nombre de tu blog.

Crear carpeta

PASO 2. En esa carpeta crea un archivo de texto con el bloc de notas y cambia el nombre pormanifest.json asegúrate de cambiar la extensión .txt por .json


PASO 3. Abre con el bloc de notas ese archivo y pega en él lo siguiente:
 {
"manifest_version": 2,
"name": "VicioBlogger.com",
"description": "Descripción de tu blog hasta 132 caracteres",
"version": "1.0",
"icons": {
"128": "128.png"
},
"app": {
"urls": [
"http://www.vicioblogger.com/"
],
"launch": {
"web_url": "http://www.vicioblogger.com/"
}
},
"permissions": [ "unlimitedStorage", "notifications"]
}
Reemplaza lo que está en negrita por el nombre de tu blog, su descripción y la URL. Guarda los cambios para que quede como en la siguiente captura.

Archivo manifest.json

PASO 4. En la carpeta coloca un logo con formato o extensión .png es importante que sus dimensiones sean de 128x128 px y el nombre 128.png


Logo

Con todo esto ya tienes lista tu aplicación :D

Probando la aplicación en Chrome

PASO 1. Ve al menú de extensiones directamente a través de chrome://extensions/ 

PASO 2. Habilita la opción "Modo de desarrollador"

modo desarrollador Chrome

PASO 3. Haz clic en el botón "cargar extensión descomprimida" y selecciona la carpeta que has creado anteriormente.

cargar extensión descomprimida

PASO 4. De inmediato verás la aplicación habilitada y lista para su funcionamiento.


PASO 5. Visita la página de Aplicaciones chrome://apps/ y comprueba tu aplicación.

Aplicación del blog para Chrome

Notarás que te llevará a tu blog, si es así, ya tienes todo listo. Pero, ¿cómo divulgarla?

Publicar tu aplicación en Chrome Web Store

Hemos visto que crear la aplicación ha sido muy sencillo y funciona de manera correcta, por lo que nos resta publicar nuestra aplicación en la tienda de Chrome.

1. Comprime la carpeta en formato .zip
2. Accede al 'Panel del programador'
3. Carga el archivo comprimido y haz clic en el botón subir.
4. Rellena la información de tu aplicación, carga un icono y más.
5. Los demás pasos son intuitivos ;-)

Requisitos para publicar tu aplicación 

  • Pagar una sola vez US$5.00  en concepto de registro del programador para verificar tu cuenta y poder publicar elementos.
  • Tu blog debe estar verificado en Google Webmaster Tools

Una vez cumplido con lo anterior, tu aplicación estará disponible para todos los usuarios y podrás subir cuántas aplicaciones quieras y modificarlas en cualquier momento.

¡Eso es todo! espero que te haya gustado esta información, en una próxima entrada veremos cómo promocionarla en nuestro blog si no contamos con dinero para publicarla en la tienda de Chrome.

No hay comentarios.:

Publicar un comentario

Gracias por participar en esta página.

Ad Inside Post

Comments system

Disqus Shortname