Hola gente de T!, hoy les enseñare a crear una extensión propia, paso por paso, para el navegador Google Chrome Deja cargar unos minutos el Post, para visualizar el contenido correctamente. ·Antes que nada!· Para crear correctamente la extensión, te recomiendo que instales el Notepad++, ya que sin este no podras crear los archivos necesarios para la extensión, podes descargarlo de la pagina oficial o de el Link que dejare en Comentarios. Empezemos! 1) Abrir el Notepad++, ya instalado. 2) Seleccionamos la opción UTF-8 , como lo muestra la imagen: 3) Copiar el siguiente código, en el NotePad++: { "name": "", "version": "0.1", "description": "", "browser_action": { "default_icon": "", "popup": "popup.html" }, "permissions": [ "http://api.flickr.com/" ] } Copiar desde el caracter "{" hasta el "}", excluyendo los caracteres (color)* Así les debe quedar el paso 3: 4)Editamos los campos como lo muestra la imagen: 5)Pasamos al escritorio, creamos una nueva carpeta y la llamamos "Extension de prueba": 6)Volvemos al Notepad++, vamos a archivo, guardar como y buscamos la carpeta que hemos creado, guardamos el archivo ahí, con el nombre "manifest.json", es importante que al archivo lo nombres de esta manera, ya que es el que va a hacer funcionar la extensión: Asi les debe quedar el Archivo ya guardado en la carpeta: 7)Creamos una nueva carpeta (dentro de la carpeta anteriormente creada) y la llamamos "imagenes": 8)Ahora deben darle click derecho, guardar imagen como, y guardar dentro de la carpeta "imagenes" (la que creamos en el paso anterior) la siguiente imagen, con el nombre "T-icon" (sin comillas) : Asi les debe de quedar: 9)Abrimos nuevamente el Notepad++ , apretamos Ctrl + N , o Archivo ---> Nuevo y van a copiar lo siguiente:
Copian desde el comienzo de "", les debe de quedar asi: El se refiere a donde se va a dirigir la imagen, botón o palabra que se ingrese a continuacion, es decir si dentro de las comillas ponemos la url de Taringa, luego la imagen que ingresemos en
, al clikearla nos llevara a Taringa! 10)Dentro de las comillas de colocamos http://www.taringa.net/ , y nos va a quedar , luego en
colocamos, entre las comillas, el siguiente link: http://k32.kn3.net/10B902B7C.jpg y nos va a quedar
, esto les debe quedar así: 11)Ahora vamos a Archivo, Guardar como y lo guardamos en nuestra carpeta (extension de prueba) con el nombre "popup.html" (sin las comillas). Les debe quedar asi: Si el archivo "popup" tiene el logo del Navegador Firefox en lugar del de Chrome no importa, esto sucede porque tienen de navegador predeterminado el Firefox. 12)Abren el Navegador Google Chrome y van a Herramientas --> Extensiones, activan el modo programador (que esta arriba de todo) y clickean en "Cargar extensión sin empaquetar...", buscan la carpeta "Extension de prueba", la clikean y le dan a Aceptar y listo! ya tendran su extensión Luego de cargarla les va a aparecer al lado del buscador del navegador, así: Importante! Para que la extensión funcione solo deben arrastrar la imagen de Taringa! (paso "3_" de la imagen) hacia una nueva pestaña, o bien clickeandola con el Scroll del mouse, es decir, el botón de la ruedita del mouse, si clickean directamente con click izquierdo no va a funcionar. Ahora bien, si quieres editar la extensión para que valla por ejemplo a la web de Google solo debes cambiar el link que pusimos el la extensión por el de la pagina principal de Google, así: Lo mismo con la imagen, cambian el link de abajo por el link de otra imagen. Bueno, eso es todo, espero que les sirva y les halla gustado, por cualquier inconveniente que tengan me mandan MP y los ayudo.
, esto les debe quedar así: 11)Ahora vamos a Archivo, Guardar como y lo guardamos en nuestra carpeta (extension de prueba) con el nombre "popup.html" (sin las comillas). Les debe quedar asi: Si el archivo "popup" tiene el logo del Navegador Firefox en lugar del de Chrome no importa, esto sucede porque tienen de navegador predeterminado el Firefox. 12)Abren el Navegador Google Chrome y van a Herramientas --> Extensiones, activan el modo programador (que esta arriba de todo) y clickean en "Cargar extensión sin empaquetar...", buscan la carpeta "Extension de prueba", la clikean y le dan a Aceptar y listo! ya tendran su extensión Luego de cargarla les va a aparecer al lado del buscador del navegador, así: Importante! Para que la extensión funcione solo deben arrastrar la imagen de Taringa! (paso "3_" de la imagen) hacia una nueva pestaña, o bien clickeandola con el Scroll del mouse, es decir, el botón de la ruedita del mouse, si clickean directamente con click izquierdo no va a funcionar. Ahora bien, si quieres editar la extensión para que valla por ejemplo a la web de Google solo debes cambiar el link que pusimos el la extensión por el de la pagina principal de Google, así: Lo mismo con la imagen, cambian el link de abajo por el link de otra imagen. Bueno, eso es todo, espero que les sirva y les halla gustado, por cualquier inconveniente que tengan me mandan MP y los ayudo.