<¡--Copia el trozo de código siguiente y pégalo antes de </head> en tu html -->
<style type="text/css">
#marqueeposts { /* es el bloque completo */
en general esto no es necesario modificarlo
}
.marqueetitle { /* es el título de cada post */
margin: 5px 0 0 0px; /* lo separamos verticalmente */
cualquier otra propiedad (fondo, alineación, bordes)
}
.marqueetitle a { /* el título es un enlace */
cualquier propiedad deberá incluir la orden !important, por ejemplo:
color: Beige !important;
}
.marqueetitle a:hover {
aquí irán las propiedades si queremos que el enlace tenga un efecto mouseover
}
.marqueetext { /* es el texto de cada post */
margin: 2px 0 10px 0; /* lo separamos verticalmente */
cualquier otra propiedad (fondo, alineación, bordes, fuentes)
}
.marqueemore a { /* es el enlace (leer más) */
cualquier propiedad deberá incluir la orden !important
}
.marqueemore a:hover {
aquí irán las propiedades si queremos que el enlace tenga un efecto mouseover
}
.marqueedate { /* es la fecha del post */
cualquier propiedad deberá incluir la orden !important
}
</style>
<¡--lo que sigue debe ponerlo luego de <body> -->
<script src="http://www.celadel.org/recomendar/marqueeUltimosPosts.js"></script>
<script language="javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 120;
var autoestilo = false;
var todoespacio = true;
var todolist = true;
var postspeed = 1;
var postheight = 150;
</script>
<script src="http://actualidadlocal.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
<br/>
<div style="text-align: center;"><a href="http://actualidadlocal.blogspot.com" target="_blank">Actualidad
Local</a></div>