Hola!

Registrándote como bakuno podrás publicar, compartir y comunicarte en privado con otros bakuos :D

Regístrame ya!

Tutorial: Como Crear Tema Para Google Chrome

And3rz0n

Becerro
Desde
5 Mar 2010
Mensajes
17
Hola gente hoy les explicare como crear un tema (Theme) para su navegador Google Chrome; ojala les sirva de mucha ayuda.

Empecemos:

1.- Descarguen las plantillas que se utilizaran en el proceso:

**Clic Para descargar**



Ahora, plantilla número 1:

Donde dice: Nombre de tu tema (Theme Compuesto) deben cambiarle por el nombre que ustedes deseen que se llame su Theme.

Dentro de esa carpeta encontraran:

29cuqsw.jpg

Entran a la carpeta "i" y encontraran 5 imágenes:

2md11lg.jpg

Editan esas 5 imágenes a su gusto (Con cualquier programa: Paint, Gimp, Photoshop, etc)

Por favor NO LE CAMBIEN LOS NOMBRES SI NO, NO FUNCIONARA! acá les detallo que sera cada imagen:

ndtqur.jpg





(1) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY_p8FDA : Este es el Header (Que en mi caso puse el nombre de una banda: Pxndx)
(2) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY-fACDA : Este es el color de la pestaña es segundo plano (Es decir el color de las pestañas que no se usan)
(3) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYgKAFDA : Ese es su color de fondo.
(4) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYj_QDDA : Este es su fondo principal (Solo aparece cuando abren una nueva pestaña)
(5) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYo-wDDA : Y este de acá vendría a ser su firma personal de su theme.

P.D.: El archivo: "manifest" no lo modifiquen, ni lo editen, sino, no se creara la plantilla.

Una ves lo hayan editando, ya pueden crear su Theme, pero antes de eso veamos la siguiente plantilla.

Ahora, plantilla número 2:

Donde dice: Nombre de tu tema (Theme Simple) deben cambiarle por el nombre que ustedes deseen que se llame su Theme.

Dentro de esa carpeta encontraran:

29cuqsw.jpg

Entran a la carpeta "i" y encontraran 4 imágenes:

a9pwld.jpg

Editan esas 4 imágenes a su gusto (Con cualquier programa: Paint, Gimp, Photoshop, etc)

Por favor NO LE CAMBIEN LOS NOMBRES SI NO, NO FUNCIONARA! acá les detallo que sera cada imagen:

2ldzzvn.jpg





(1) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY5bACDA : Este es el Header (Que en mi caso son de unos colores llamativos)
(2) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY7eoBDA : Color de fondo (En este caso blanco)
(3) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYm9sBDA : Este es el color de la pestaña es segundo plano (Es decir el color de las pestañas que no se usan)
(4) agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYucACDA : Este es el segundo Header (El que esta encima del primero, mayormente tienen el mismo color, pero lo pueden cambiar)

P.D.: El archivo: "manifest" no lo modifiquen, ni lo editen, sino, no se creara la plantilla.

Creación del Theme

Ahora si, cuando ya hayan editado sus imágenes y hayan elegido el tema que usaran, se procederá a crear el archivo .crx que es el formato del Theme que acepta Google Chrome

Creación del theme PARA XP

* Primero guardan la carpeta (Del Theme Simple O Compuesto - Que ahora tiene el nombre que ustedes llamaron a su Theme - en el DISCO C)

Luego van a Inicio, y luego clic en Ejecutar y en el cuadro que les aparece escriben "cmd" (Sin comillas)

2h3c3g7.jpg

Presionan Aceptar y les aparecerá un cuadro mas o menos así (A ustedes les aparecerá de color negro):

5ph25l.jpg

Ahora buscan la siguiente ruta:

C:\Documents and Settings\Tu nombre de usuario\Configuración local\Datos de programa\Google\Chrome\Application

2luvs0o.jpg

Copian esa ruta por que les servirá.

Ahora en el cuadro que les abrió cuando escribieron cmd, escriben después de esto:

C:\Documents and Settings\Tu nombre de usuario>

Esto:

cd C:\Documents and Settings\Tu nombre de usuario\Configuración local\Datos de programa\Google\Chrome\Application

En otras palabras que quede así:

C:\Documents and Settings\Tu nombre de usuario>cd C:\Documents and Settings\Tu nombre de usuario\Configuración local\Datos de programa\Google\Chrome\Application

Y presionan Enter y les aparecerá algo así:

125s0w7.jpg

Entonces luego de esto:

C:\Documents and Settings\Tu nombre de usuario\Configuración local\Datos de programa\Google\Chrome\Application>

Escriben esto:

chrome.exe --pack-extension=

Y junto al igual ("=")escriben:

C:\Nombre de su Theme

Osea que quede así:

C:\Documents and Settings\Tu nombre de usuario\Configuración local\Datos de programa\Google\Chrome\Application>chrome.exe --pack-extension=C:\Nombre de su Theme

Presionan Enter y les aparecerá algo como esto:

2602zr9.jpg

Aceptan el mensaje y cierran la otra ventana.

Van al disco "C" y verán que tienen 2 archivos nuevos:

213ja84.jpg

* La carpeta Abigail (Así llame yo a mi tema)
* El archivo Abigail.crx (Este es el tema que utilizaremos en Google Chrome)
* El archivo Abigail.pem (Este archivo no vale, elimínenlo)

Guardan el archivo Nombre de su Theme.crx donde gusten.

Creación del theme PARA Vista y Seven

Es lo mismo, pero en vez de guardar la carpeta editada (Del Theme Simple O Compuesto - Que ahora tiene el nombre que ustedes llamaron a su Theme) en el DISCO C, lo guardan en el Escritorio de su PC.

Y al final, cuando escribían esto:

chrome.exe --pack-extension=

Ya NO ESCRIBEN seguido esto:

C:\Nombre de su Theme

Si no, esto:

C:\Users\Nombre de usuario\Escritorio\Nombre de su Theme

O solo abren la carpeta y copian la dirección:

qosxld.jpg

Y lo pegan después del igual ("="):

chrome.exe --pack-extension=

Presionan Enter y pasará lo mismo.

Aplicando el Theme

Abren Google Chrome y arrastran su Theme creado a la barra de direcciones:


Esperen un momento y en la parte inferior les aparecerá un mensaje, solo hagan clic en Continuar:


Y listo, su Theme sera aplicado:


Bueno gente, eso fue todo, cualquier duda me lo hacen saber.

A verdad, si desean pueden descargar los dos temas que creen en el manual:


Saludos ^^!

Fuente:

http://new-and3rz0n.blogspot.com/
 
Volver
Arriba