El post que buscas se encuentra eliminado, pero este también te puede interesar

Tutorial | ¡Crea Tu Propio Gadget De Escritorio!

Anuncios

Tutorial | ¡Crea Tu Propio Gadget De Escritorio!


Bienvenidos a mi nuevo post, hoy les enseñare a crear un Gadget de escritorio para Windows 7



Escritorio

crear


Deja cargar unos minutos el Post, para visualizar el contenido correctamente.


gadget


·Elementos Necesarios·


Para este gadget no necesitaras la gran cosa, ni descargar nada, solo debes disponer del Bloc de Notas que ya trae windows y por supuesto ganas para seguir el sencillo tutorial y finalmente crear tu propio gadget

tutorial



1) Abrimos el Bloc de Notas y copiamos el siguiente código:


<?xml version="1.0" encoding="utf-8" ?>
<gadget>
<name>Buscar</name>
<version>1.0</version>
<author name="Nombre del autor">
<info url="http://www.webdelautor.com" />
</author>
<copyright>&#169; 2011</copyright>
<description>Gadget que permite hacer busquedas en internet</description>
<hosts>
<host name="sidebar">
<base type="HTML" src="index.html" />
<permissions>full</permissions>
<platform minPlatformVersion="1.0" />
</host>
</hosts>
</gadget>


2) Pueden editar los campos "<name> (en este caso haremos un gadget "Buscador", <author name="Por ejemplo aquí puedes poner tu usuario de T!">
<info url="tu web, si tienes">, <copyright> y <description> (que es la descripción del gadget).

Tutorial | ¡Crea Tu Propio Gadget De Escritorio!
3) Van a "Archivo" -> "Guardar Como" y lo guardan con el nombre "gadget.xml" (sin comillas) en el escritorio.

Escritorio
4) Abrimos nuevamente el Bloc de Notas y copiamos el siguiente código:

[color=#000000][color=#000000][color=#000000][color=#000000]

<html>
<head>
<title>Buscador</title>
<style type="text/css" media="screen">
body {height:110;width:164;padding:2px;border:3px solid #ddd;background-color:#3e6ce0;}
h1 {font-size:14px;color:white;}
</style>
</head>
<body>
<div class="buscador" >
<form name="formulario" action="" onsubmit="return buscar();">
<select name="sengines" style=font-size:14px; >
<option value="http://www.google.com/search?q=" selected="selected" > Google</option>
<option value="http://images.google.com/images?q=" > Google Imagenes</option>
<option value="http://www.bing.com/search?q=" > Bing</option>
<option value="http://maps.google.com/maps?q=" > Google Maps</option>
<option value="http://es.wikipedia.org/w/wiki.phtml?search=" >Wikipedia</option>
</select>
<input type="text" size=14 name="searchterms" value="" />
<input type="submit" style=font-size:14px;margin-top:2px; name="SearchSubmit" value="Buscar" />
<input type="reset" style=font-size:14px;margin-top:2px; value="Reset" />
</form></div>
<script type="text/javascript">
function buscar() {var sf=document.formulario;
var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
window.location.href = submitto;
return false;}
</script>
</body>
</html>

[size=18]Les debera quedar asi:[/size]
[/color] [/color][/color][/color]
crear

5) Vamos a "Archivo" -> "Guardar Como" y lo guardamos en el escritorio con el nombre "index.html" (sin comillas), les quedara así:

gadget

En mi caso aparece con el icono de Firefox porque tengo a este navegador como predeterminado, no se preocupen so en su lugar les aparece el icono de Google Chromo o otro, el gadget funcionara igual

6) Finalmente crean una carpeta en el Escritorio llamada "Buscar.gadget" y guardan los 2 Archivos que hemos creado, en ella y les quedara así:

tutorial

7) Vamos a Inicio -> Ejecutar (o tecla Windows + R) y escribimos lo siguiente:



/Program Files/Windows Sidebar/Shared Gadgets




8) Ahora movemos la carpeta "Buscar.gadget" a la carpeta que acabamos de abrir, seguramente les pedira confirmación de los permisos de administrador, solo denle a "Continuar" y listo, ya tienen su Gadget instalado, solo basta con ir al escritorio, click derecho, Gadgets y estara nuestro gadger intalado y listo para usar:

Tutorial | ¡Crea Tu Propio Gadget De Escritorio!

Si siguieron todos los pasos correctamente tendran su extension instalada y les quedara así en el escritorio:

Escritorio




·Personalizar el Gadget·

Para personalizar el Gadget (cambiar el estilo, color, agregarle mas opciones, etc) tenemos que editar el "index.html" para eso vamos a la carpeta "Shared Gadgets" (donde guardamos la carpeta Buscar.gadget) y movemos la carpeta al escritorio nuevamente, es importante que la movamos para poder editar todo, ya que en esa carpeta no podremos.

1) Abrimos la carpeta "Buscar.gadget" y hacemos click derecho en el archivo "index.html" y clickeamos en "Abrir con..." y seleccionamos el Bloc de Notas.

2) Ya abierto podemos cambiar lo siguiente:

crear


3) Le damos a "Archivo" -> "Guardar". Vamos al escritorio y movemos nuevamente la carpeta a donde la guardamos anteriormente.

También si puedes cambiar el "Buscador" por otra aplicacion, como por ejemplo un reloj, solo editar el archivo "index.html", borrando todo el contenido de <Body> y poniendo el siguiente código:

<script>
document.write (new Date())
</script>

Y tendras algo como esto:

gadget


Bueno gente, hasta aca el tutorial, espero que les halla gustado y servido

tutorial


Seguime!, quiero llegar a los 200 seguidores!


Tutorial | ¡Crea Tu Propio Gadget De Escritorio!

Escritorio

crear

Anuncios

18 comentarios - Tutorial | ¡Crea Tu Propio Gadget De Escritorio!

@RiiCkRdhO +1
buen post andaba buscando un tuto como este !
@gt220 +1
Muy bueno te debo los points!

@PapelVS
No sirve para XP no?
@pro_gamer_fulll +1
me encantó, pero no tengo puntos, te reco y favs
@ysmael1992 +2
esta nitido, mañana te doy +10
@ysmael1992 +2
holaaaa, pase a dejarte tu +10
@gt220 +1
Sheckion dijo:
PapelVS dijo:No sirve para XP no?

Por el momento no, pero estoy viendo como puedo hacer

Es imposible hacer uno para XP solo funciona en Vista o 7
@yanet_kawaii +1
+10 puntos y me estoy arriesgando (?

na mentira buen tuto :3
@Sheckion +1
Gracias. Tutorial | ¡Crea Tu Propio Gadget De Escritorio!
@pannick_attacks -2
No sirve tu mierda xD
@Sheckion
Si vieras de cuando es el post antes de comentar, pelotudo.
@Anime_Fan_POSTER
Amigo, cuando pongo el codigo todo, y despues el gadget me aparece todo azul, con la descripcion escrita, y el codigo escrito, no me aparece la pestaña para buscar... AYUDA!!!