Cómo usar el Blog


  • Entra a Blogger.com
  • Has recibido un correo para registrarte en el blog e inscribirte, para poder participar. Está en tu cuenta de correo electrónico
  • Debes entrar a Blogger con una cuenta de Google
  • Usad "NUEVA ENTRADA" para publicar un nuevo artículo. Podéis subir lo que hacemos en clase. 
  • Podéis editar el formato como si fuera un documento de Word. 
  • Podéis hacer una imagen en CANVA. Si no, subid una foto cualquiera que tengáis en el PC o cuando lo vea subiré yo una foto. 

Uso de canva

Cómo crear una portada 

  • Entrad en Canva.com
  • Podéis probarlo gratis, entrad con Facebook o Google.
  • Dadle a "crear un diseño"  



  • Busca la pestaña "Personal" 



  • Encuentra la opción "Portada de Libro"  y usa la flecha para buscar



  • Dale doble click y empieza




Primera letra grande

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


¿Cómo ponerlo?

<span class="firstcharacter">L</span>orem

Tablas

First Name Last Name Hero Title
Bruce Wayne Batman
Peter Parker Spiderman
Bruce Banner The Hulk
Clark Kent Superman


¿Cómo ponerlo?

<div class="post-table"> <table> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Hero Title</th> </tr> </thead> <tbody> <tr> <td data-label="First Name">Bruce</td> <td data-label="Last Name">Wayne</td> <td data-label="Hero Title">Batman</td> </tr> <tr> <td data-label="First Name">Peter</td> <td data-label="Last Name">Parker</td> <td data-label="Hero Title">Spiderman</td> </tr> <tr> <td data-label="First Name">Bruce</td> <td data-label="Last Name">Banner</td> <td data-label="Hero Title">The Hulk</td> </tr> <tr> <td data-label="First Name">Clark</td> <td data-label="Last Name">Kent</td> <td data-label="Hero Title">Superman</td> </tr> </tbody> </table> </div>

Cajas de alerta

success message You successfully read this important message.

¿Cómo ponerlo?

<div class="alert-message success"> <i class="fa fa-check-circle"></i> success message You successfully read this important message.</div>
Alert message This alert needs your attention.

¿Cómo ponerlo?

<div class="alert-message alert"> <i class="fa fa-info-circle"></i> Alert message This alert needs your attention.</div>
Warning message Warning! Best check yo self.

¿Cómo ponerlo?

<div class="alert-message warning"> <i class="fa fa-exclamation-triangle"></i> Warning message Warning! Best check yo self.</div>
Error message Oh snap! Change a few things up

¿Cómo ponerlo?

<div class="alert-message error"> <i class="fa fa-exclamation-circle"></i> Error message Oh snap! Change a few things up</div>

Botones con iconos


¿Cómo ponerlo?

<div class="small-button"> <a class="button large demo" href="https://www.blogger.com/null">Léelo completo</a> </div>

¿Cómo ponerlo?

<div class="small-button"> <a class="button large download" href="https://www.blogger.com/null">Descárgatelo</a> </div>

¿Cómo ponerlo?

<div class="small-button"> <a class="button large visit" href="https://www.blogger.com/null">Visita al autor</a> </div>



En el enlace en ROJO pon la URL que desees, ya sea el enlace a tu blog, al relato completo o a un PDF.

Publicar un comentario

0 Comentarios