Google es lo primero que la mayoría de la gente abre cada vez que navega por Internet y, al igual que nuestros escritorios de oficina, nos gustaría algo para personalizar la página de inicio de Google y hacerla más personal.
La página de inicio de Google es una de las páginas del motor de búsqueda que se carga más rápido gracias a su diseño minimalista, pero a veces puede volverse un poco monótona y no podemos esperar a que Google tome medidas, lo haremos nosotros mismos.
Hay muchas maneras de personalizar la página de inicio de Google, puede modificar la página utilizando el elemento de inspección y encontrando las etiquetas relevantes para reemplazar (como el logotipo, el fondo, etc.) con algo más personalizado. Eso suena demasiado técnico, ¿no? Las extensiones de Chrome creadas para este propósito exacto hacen el trabajo a expensas de un clic del mouse.
Le mostraremos cómo personalizar la página de inicio de Google con su nombre en unos sencillos pasos.
Stylus es la mejor alternativa a Elegante– una extensión de navegador popular, que fue recientemente encontrado robando datos de usuario. Pero no se preocupe, a diferencia de Stylish, Stylus afirma que no encuentran que sus datos de usuario sean tan interesantes.
Y eso no es todo, Stylus está disponible para Chrome, Opera y Firefox, y le permite personalizar su página de inicio de Google utilizando el mismo método que se mencionó anteriormente. Busca automáticamente la creación de la página y encuentra esas etiquetas y las reemplaza con elementos personalizados. Hace todo el trabajo pesado en segundo plano y muestra el resultado al instante.
Leer: Las 5 mejores extensiones de Google para evitar que el video se reproduzca automáticamente
Personaliza la página de inicio de Google con tu nombre
Parte 1
Abierto Navegador Chrome o FireFox y en la barra de búsqueda escribe ‘Extensión de lápiz‘ y pulsa enter. O puede usar este enlace de descarga directa para descargar la extensión para Cromo y Firefox.
Para este artículo, le mostraremos los pasos en el navegador Google Chrome, sin embargo, el proceso también debería ser el mismo para Firefox. Instale Stylus en Chrome y cuando termine, se mostrará como un icono en la parte superior.
No, dirígete a google.com (o la versión local de Google que desea personalizar) y haga clic en la extensión Stylus Chrome en la parte superior derecha del navegador. Verás una ventana emergente. Para este caso, elija estilos personalizados para la página web haciendo clic en ‘Buscar estilos‘
Detecta automáticamente la página web y sugiere estilos prediseñados para esa pagina web.
Stylus admite instalaciones desde repositorios en línea populares. En palabras simples, puede personalizar el trabajo de otras personas para que no tenga que construir todo desde cero.
Puede elegir cualquier estilo que desee para la página web e instalar ese estilo simplemente haciendo clic en él una vez, fuimos con estilo Súper Mario.
Ahora, vuelve a google.com y haga clic en el icono de lápiz. Verá su máscara recién instalada en la parte superior, marque la casilla y personalizará su página web.
Esto fue fácil, ¿verdad? Bueno, hemos logrado el objetivo básico aquí y ahora puedes encontrar cientos de estilos diferentes para la mayoría de los sitios web populares.
Este tutorial no es solo para mostrarle cómo hacer clic en algunos botones, le mostraremos cómo puede modificar cualquier página según sus necesidades y crear una máscara verdaderamente personalizada para un sitio web.
Parte 2
Analicemos algunos puntos básicos para la siguiente parte.
Un sitio web está escrito en HTML y CSS y si tiene el conocimiento básico de cualquier lenguaje de programación y entiende que la siguiente parte sería pan comido, lo haremos aún más fácil y lo explicaremos todo en términos sencillos.
Por ejemplo, Google, en la página de inicio tiene algunos objetos como el logotipo de Google, la barra de búsqueda, un botón de búsqueda y algunos enlaces adicionales. Bastante simple. Ahora digamos que queremos cambiar el logotipo de google y reemplazarlo con nuestro logotipo personalizado. Para hacer esto, necesitamos encontrar dónde está el logotipo en el código CSS de la página. Cuando encontramos el logotipo, simplemente lo reemplazamos con nuestro logotipo personalizado y lo mostrará en la página de inicio.
Pero hay una trampa si tuviera que volver a cargar la página web, el logotipo personalizado desaparecer y sería reemplazado por el logotipo original, porque cada vez que actualiza la página, el servidor envía el código CSS con el logotipo original y el navegador lo carga.
Para superar este problema usaremos la extensión ‘Aguja‘ y crear nuestra propia página web personalizada de Google con nuestro propio logotipo personalizado.
Lo primero es lo primero, este va a ser un experimento muy fácil y no es arruinar su página web o navegador. Todo volverá a la normalidad incluso si algunas cosas se ven sesgadas después de presionar actualizar. tendremos que cuidar las dimensiones del logo o podría no aparecer.
Vamos a empezar.
Personaliza tu página web
Lo primero es lo primero, si desea personalizar la página de inicio de Google con su nombre, debe crear un logotipo personalizado que se parezca al logotipo de Google. Hay muchas formas de hacerlo, puedes usar Photoshop o cualquier herramienta de edición de imágenes en línea. Por el bien de este tutorial, usaremos el sitio web festisite. Le permite crear su propio logotipo personalizado con la fuente y el color de Google. Todo lo que tienes que hacer es escribir tu nombre y presionar enter. Te dará un archivo png transparente gratis.
Descargue el logotipo y cárguelo en cualquier sitio de alojamiento de imágenes y obtenga un enlace directo. necesitaremos esto porque necesitamos acceso ininterrumpido a la imagen en todo momento. Nosotros elegimos imgur y su enlace directo se ve así https://i.imgur.com/file.pngdonde ‘archivo’ es diferente para cada imagen.
Asegúrate de que funcione abriéndolo en una nueva pestaña, si funciona, la mitad del trabajo pesado ya está hecho.
Ahora viene la parte fácil.
Vaya a la página de inicio de Google y seleccione el lápiz; verá una máscara allí y un editar botón. Haz clic en eso.
Se abrirá una nueva pestaña donde puede editar el archivo para obtener su propia apariencia personalizada de la página web.
Ahora encontraremos la imagen. fuentes.
Prensa ctrl+F para abrir el cuadro de diálogo de búsqueda, escriba ‘antecedentes‘, verás muchos antecedentes etiquetas El que siguió con un URL de una imagen es nuestra imagen de fondo fuente. Si quieres personalizar el fondo de Google Chrome, o si desea cambiar el tema de Google Chrome con su propia imagen, debe reemplazar la imagen de fondo aquí. Para este tutorial, simplemente lo saltaré.
Ahora, busquemos la fuente de la imagen del logotipo de Google.
ctrl+F y escriba ‘hplogo‘, la etiqueta seguida de una URL de una imagen es la fuente del logotipo y tenemos que reemplazar estos archivos con nuestro logotipo. te quedas con el tamaño mismo para su logotipo personalizado, es decir 272×92 píxeles.
Cada tema tiene un nombre diferente para el logotipo y el fondo, la regla general es buscar .png después de presionar CTRL o CMD +F
Una vez que haya reemplazado el logotipo de Google con su propio logotipo personalizado, haga clic en el botón Guardar en el lado izquierdo de la pantalla para guardar los cambios.
Ahora ve a google y presiona el ícono del lápiz, verás el caja para el estilo que acaba de editar. Marcar eso le mostraría su página de inicio personalizada de Google.
Y eso es todo, si ahora regresa a google.com y actualiza la página, debería ver su nombre en lugar del logotipo de Google. Para este caso, decidimos ir con Bing (por qué no), pero puedes agregar cualquier cosa: tu nombre, un logotipo divertido, cualquier cosa. Tu imaginación es la única limitación.
Aunque, no piense que tendrá que mantener la extensión para que esto funcione. Si desactiva o elimina la extensión, los cambios que acabamos de hacer también desaparecerán.
Personaliza la página de inicio de Google con tu nombre
Le mostramos cómo personalizar sus páginas web y hacer que se vean personalizadas y visualmente atractivas. La primera parte de este tutorial fue una continuación para que se sienta cómodo con HTML y CSS. La segunda parte fue mostrarle cómo cambiar el logotipo de la página de inicio de Google a cualquier cosa que desee.
¿Qué vas a cambiar? Háganos saber en los comentarios a continuación.
Leer: Principales extensiones de Google Chrome para la privacidad