Personalizar Mi Blog

Buenos dias clase :)  (modificaciones en html)

Hoy os vamos a mostrar como he modificado algunos aspectos de la interfaz de mi blog, entre ellos destacan:

1. Centrar la cabecera de mi blog: para ello he introducido un código CSS (cascading style sheets), describe como se va a mostrar un documento en la pantalla, por impresora, por voz...es una especificacion desarrollada por el W3C (World Wide Web Consortium) para emitir la separacion de los contenidos de los documentos escritos en  HTML, XML , XHTML, SVG o XUL de la presentacion del documento con las hojas de estilo. 
   Os muestro el código CSS que he utilizado:
   
   .header .widget {text-align:center;}.header img {margin:0 auto;}
   text-indent: 30px;
   }

   ---

   
   
2. Crear una linea horizontal en el blog: si os fijasteis en el apartado anterior tambien cambie el color, tipo y tamaño de mi cabecera. En este caso hemos copiado un codigo HTML en la seccion determinada de nuestra plantilla del blog. Este es el codigo que he usado en HTML:

   
   

   hr style="background-color: black; color: black; width: 90%;" /

   
   

   ---

   
   
3. Añadir un hiperenlace a una imagen: En la primera entrada que hice de mi blog, pudisteis apreciar que en la imagen de mi favicon que esta al final de la misma, si la clickeais os enviara directamente una pagina web vinculada. Os comento como lo hice: es tan sencillo como insertar tu mismo la imagen que quieres que sea viculada a dicha pagina web, una vez insertada la imagen procedemos a pulsar sobre ella y seguidamente le damos a "enlace" en la parte superior de nuestra interfaz. Introducimos la URL de la web a la que queremos que vaya a ir una vez clickemos la imagen. Aqui os la dejo de nuevo.

También le he añadido un contador de personas que entrar a ver la entrada, es una aproximación. jeje y puede que sea poco fiable.

¡¡ HASTA LA PROXIMA !!