Noticias en tu email encuentrame en Bloglovin

29.7.13

Como crear listas en HTML

Como crear tablas en HTML para Bloggers



















Hoy vamos a ver como crear listas numeradas en Blogger. Ya sé que en el panel de creación de entradas Blogger nos da una manera rápida de hacerlas pero hay veces que cuando personalizamos en menú o el widget de redes sociales, nos viene genial saber un poco de qué va el tema.

Lista Sencilla: 


Estas son las predeterminadas por Blogger en su panel de creación de entradas.

a) Numerada:

Vista HTML


  1. Primer Párrafo

  2. Segundo Párrafo

  3. Tercer Párrafo




Vista Redacción

  1. Primer Párrafo
  2. Segundo Párrafo
  3. Tercer Párrafo

b) Viñetas:

Vista HTML


  • Primer Párrafo

  • Segundo Párrafo

  • Tercer Párrafo




Vista Redacción

  • Primer Párrafo
  • Segundo Párrafo
  • Tercer Párrafo

Lista de Definiciones:


Vista HTML


Primer Párrafo

Primera Definición

Segundo Párrafo

Segunda Definición




Vista Redacción
Primer Párrafo
Primera Definición
Segundo Párrafo
Segunda Definición

A estas listas podemos aplicar estilos con CSS, pero eso lo veremos más adelante, hoy quiero que veáis como aplicar lo que vimos en la entrada sobre editar textos a este tipo de listas sencillas.



Ejemplo HTML


  •  Imprescindibles para estas Vacaciones 



    1.   Toalla de playa molona

    2.   Bikini cuqui comprado ayer

    3.  Mi crema  antiarrugas  para el sol 


    Nota Mental

    El portátil se queda en casa esta vez




    Vista Redacción

    • Imprescindibles para estas Vacaciones
    1. Toalla de playa molona
    2. Bikini cuqui comprado ayer
    3. Mi crema antiarrugas para el sol

    Nota Mental
    El portátil se queda en casa esta vez

    Y si encima añadimos una tabla como vimos en esta entrada... ¿no creéis que queda monísimo? 

    Vista HTML

     align="left" bgcolor="#F6CEE3" border="0" bordercolor="#58ACFA" cellpadding="6" cellspacing="2">
      
        
  •  Imprescindibles para estas Vacaciones 
  •     

        
  •   Toalla de playa molona
  •   Bikini cuqui comprado ayer
  •  Mi crema  antiarrugas  para el sol 

  •     

    Nota Mental

    El portátil se queda en casa esta vez





    Vista Redacción


    • Imprescindibles para estas Vacaciones
    1. Toalla de playa molona
    2. Bikini cuqui comprado ayer
    3. Mi crema antiarrugas para el sol
    Nota Mental
    El portátil se queda en casa esta vez









    Y no os aburro más por hoy, creo que es suficiente con este repasito a lo que llevamos visto. En la próxima entrada sobre programación básica para Bloggers os quiero hablar sobre las opciones de personalización de los videos e imágenes que podemos subir a nuestras entradas.

    Un fuerte abrazo,
    Celia ♥
    He dejado Feedburner ante la posibilidad de que termine desapareciendo como Google Reader, ahora mis actualizaciones se reciben semanalmente a través de MailChimp.
    Si aún no te has apuntado para recibir mis novedades en tu correo electrónico, puedes hacerlo desde aquí:

    Quiero recibir un correo semanal con las actualizaciones de El Perro de Papel


     


    ¿Todavía no te has suscrito a mi Super Boletín Mensual?

    Recibirás información privada y tendrás acceso a nuestro Blog Privado para siempre.



    ¿Te ha gustado esta entrada? ¿Por qué no la compartes en tus Redes Sociales?

    Puede que a alguno de tus contactos también le resulte interesante.

    Muchas gracias ♥

    2 comentarios:

    1. Blanche´s Blog29 de julio de 2013 14:53

      Seguro que lo pruebo Celia! Un beso

      ResponderEliminar
    2. Zombydolls29 de julio de 2013 19:40

      que bien queda ^^
      y que gracia la nota final en movimiento

      ResponderEliminar

    ¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥