Como Editar Cualquier Página Web Sin Saber Programar |✅

¡Hola! ¿Qué tal unión?.. Espero estén muy bien.

En este nuevo Post está todo lo que usaremos en el vídeo sobre como editar cualquier página Web sin saber programar, anteriormente ya habíamos creado una página sencilla, para en esta nueva ocasión poder editarla.

Antes de continuar quiero hacerles saber que ya he editado la página anteriormente para así basarme en explicarles, y para que no demoremos demasiado. Así que al final del post estarán cada uno de los elementos editados, para que los suban a su página Web, tal y como les muestro en el vídeo.



¿Cómo lo haremos?

Vamos a utilizar el inspector de elementos de Google o del navegador que ustedes estén usando en este momento, ya que todos los navegadores traen esta función.


¿Qué es el inspector de elementos?

El inspector de elementos es una herramienta que nos permite analizar los contenidos de un sitio web. Con él podremos ver el código fuente de la página, así como analizar los diferentes elementos que la conforman.

Porque esta función de los navegadores nos permite mirar el código fuente, entonces podremos editar los estilos (Style.css) de la página y así hacer que se vea mucho más agradable y llamativa.

A continuación una pequeña enumeración de lo que haremos y elementos que utilizaremos.


Índice:

  1. Explicación sobre como editar desde el inspector.
  2. Como cambiar el lenguaje.
  3. Agregar botón de login admin.
  4. Poner Favicón.
  5. Como agregar la publicidad.

Hojas de estilo y códigos extras.

Hojas de estilos

Haz clic en la imagen para descargarlos


Archivo Post.php: ¡Clic Aquí!

Página para crear favicón: http://www.favicon.pro/es/


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:


Esto ha sido todo, no olvides dejar tu like.. 👌😏

Reglas de comentarios...
Recuerda ser tolerante, hablar sin insultos, no hacer spam, aportar o solicitar soluciones.

إرسال تعليق

Reglas de comentarios...
Recuerda ser tolerante, hablar sin insultos, no hacer spam, aportar o solicitar soluciones.

Dejar un comentario (0)

أحدث أقدم