Hola Unión... En este nuevo post encontrarás todo lo que usaremos en el vídeo sobre cómo editar cualquier página web sin saber programar. Anteriormente ya habíamos creado una página sencilla, y ahora la editaremos.

Ya he editado la página previamente para poder explicarles sin demorar demasiado. Al final del post estarán los elementos editados para que los suban a su página web, tal como se muestra en el vídeo.

¿Cómo lo haremos?

Usaremos el inspector de elementos del navegador que estén utilizando. Todos los navegadores modernos incluyen esta función.

¿Qué es el inspector de elementos?

Es una herramienta que permite analizar el contenido de un sitio web. Con ella podemos ver el código fuente y modificar estilos (Style.css) para mejorar la apariencia.

Pasos y elementos que utilizaremos:

  1. Editar desde el inspector.
  2. Cambiar el lenguaje.
  3. Agregar botón de login admin.
  4. Agregar favicon.
  5. Insertar publicidad.

Hojas de estilo y códigos extra

Haz clic en la imagen para descargar

Style 1
Style.css 1		 Style 2
Style.css 2

Archivo Post.php: ¡Clic Aquí!

Crear favicon: favicon.pro

Colores gradientes:

  • Azul: linear-gradient(to top,#04d7fe,#4481eb)
  • Amarillo: linear-gradient(to top,#FFC107 0,#F57C00 100%)
  • Verde: linear-gradient(to top,#2dce89 0,#2dcecc 100%)
  • Naranja: linear-gradient(to top,#f5365c 0,#f56036 100%)

Botón Admin: <a href="/admin"><i class="fa fa-sign-in fa-2x"></i></a>

Favicon Código: <link rel="shortcut icon" href="/favicon.ico" type="image/png">

Páginas de publicidad alternativa a Google AdSense:

¡Eso es todo! No olvides dejar tu like 👌😏