Música Recomendada

Libro Recomendado

Película Recomendada

Utilidades en Blogger

CREA UN BOTON PARA ABRIR UNA DIRECCIÓN

Crea un botón , para abrir una url que le asignes, lo puedes pones en una entrada en HTML, o en un gadget.
 <input type="button" value="titulo de botón" onclick="window.open('Aqui la direccion que quieres que se abra')" />

TEXTO EN DOS COLUMNAS

Para ello teneis que utilizar el siguiente código que tendréis que poner en HTML y sustituir texto-colunma-izquierda por lo queráis que aparezca:

<div style="float: left; width: 45%">texto-columna-izquerda</div><div style="float: right; width: 45%">texto-columna-derecha</div>

 <div style="clear: both"></div>

FOTO QUE SE AMPLIA

 <div class="separator" style="clear: both; text-align: center;">

 <a class="hovergallery"
href="URL DE LA PAGINA " target="_blank">
 <img src=" URL DE LA IMAGEN " /></a>


<style type="text/css">
 .hovergallery img{
 -webkit-transform:scale(0.8);
 -moz-transform:scale(0.8);
 -o-transform:scale(0.8);
 -webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 opacity: 0.7;
 margin: 0 1px 5px 0;
 }
 .hovergallery img:hover{
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1);
 opacity: 1;
 }
 </style></div> 

LUCES PARA DECORAR TU BLOG, PARA ACONTECIMIENTOS

Para decorar con luces tu blog por algún acontecimiento os dejo unos códigos:

1º- Luces  estilo dibujo animados
 <style type="text/css">
 .luces {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVH9uMZSWsZdQijIoxuVLM6pRFmwM7esE8ZqJCrJrTGMONS8tsnVdHzLGcdJ-QNeUJEWzRplXXSVD6bVh86hyphenhyphenKYH4w7KOfbMJRw0it7jiQwdbuBt5CohP3xWHHR0q0W6GQt1_nV6OYnQ/s628/luces%25252014.gif);
 background-repeat:repeat-x;
 height:48px;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 }
 </style>
 <div class='luces'></div>

BANNER EN MOVIMIENTO

   

Para hacer un banner con fotos en movimiento que os direccione al pinchar encima de la foto a una página que queráis y al poner el mouse encima os aparezca un nombre. Solo tenéis que pegar el siguiente código en un gadget HTML- JAVASCRIPT.

<div align="center">

<marquee direction="up" scrollamount="2" style="background- text-align: center; width:150px;height:150px;border:2px solid # F32424;padding:3px" onmouseover="this.scrollAmount='0'" onmouseout="this.scrollAmount='2'">

 <a href='URL  ENLACE' target='_blank' title='NOMBRE'><img border="0" height="150" src="URL IMAGEN" width="150" /></a>
 <a href='URL  ENLACE' target='_blank' title='NOMBRE'><img border="0" height="150" src="URL IMAGEN" width="150" /></a>
<a href='URL  ENLACE' target='_blank' title='NOMBRE'><img border="0" height="150" src="URL IMAGEN" width="150" /></a>
</marquee>
 </div>

¡Bienvenido a mi Blog!

¡Bienvenidos a mi blog!

Soy NombreAlumno, estudiante de 1º ESO del Colegio Sagrada Familia de Buñol.

(Posibillidad de poner una foto propia desenfadada)

El año próximo llega Erasmus Plus a nuestro colegio y con motivo de este acontecimiento, elaboramos en clase este blog para apoyar la iniciativa.

¿Qué es Erasmus Plus?

Erasmus+ es el programa europeo en los ámbitos de la educación, la formación, la juventud y el deporte para el periodo 2014-2020.

Erasmus+ es el programa único que trata de impulsar las perspectivas laborales y el desarrollo personal, además de ayudar a nuestros sistemas de educación, formación y juventud a proporcionar una enseñanza y un aprendizaje que doten a las personas de las capacidades necesarias para el mercado laboral y la sociedad actual y futura.

 

 

Malta

 

Italia

 

Macedonia

Nuestro colegio