Últimas entradas en movimiento (widget de control manual)

Con anterioridad hemos aprendido a incluir en el blog las últimas entradas publicadas con miniatura de imagen, así como las últimas entradas con una etiqueta específica.

En esta entrada aprenderás a incluir un widget muy útil que muestra los artículos recientes de tu sitio web en movimiento y ofrece la posibilidad de personalizar la dirección de esto último por medio de unos pequeños botones.

A continuación puedes ver una imagen del truco. Para comprobar su funcionamiento, accede a este blog.

Diseño>añadir gadget (elemento de página)>html-javascript

Pega este código:

<div id="blssbramn"><div id="blssbra" style="text-align:center;"><a href="javascript:void(0);"onclick="getElementById('blwidgtcn1').direction='up';">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hpVep8Tl8DMGMp3-J1grgEmhd8Bljghr-LkNRDbjUJSJjV38quL2BaJeVV_-YKvfpJby958ZK5u4eyAh19V-HogyaxFTarXfAj2G4GKCZSler70NJ59nvv2_egTfxB7NIHSfrKEYQus/s320/blpssd1.gif" /></a> <a href="http://goo.gl/4xVx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3NQ1ub3JcS9C_YbZa5Zb4gnpyXZ3tyJkQUOU2cuVaECCpHLnXG_HDlrdLA3onxNj5_NPGfUaL1soFafKxiNnRClp_5B00j9uYkbpAX_YtUP2t-V1Gwc4KdRuCGyWOdG9wxTy4LkGHTY4/s320/blpssd.gif" /></a> <a href="javascript:void(0);"onclick="getElementById('blwidgtcn1').direction='down';">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibLks1-_x7wFUBmgX5c698n0zqgJjS1MjdwQWXC-RfeZiL_BpHwXpAzJj80-DTNHizsI-a5tiahYw7kCtrm6ZBlPB5zVZcMiIys7BDkInTtQfKFC4GXwSYNPoixdBj0BZPfamoX0n0hQs/s320/blpssd2.gif" /></a>
</div><div id="blssbra2" style="text-align:center;"><script src="https://sites.google.com/site/scriptsbalcon/b/blcnmsmuv.txt"></script>
<script language="javascript">
var blnumeroarticc = 8;
var blvelocidads = 2;
var blresumnarticc = true;
var blnumerocaracts = 100;
var blaltuxwidgt = 200;
var blfecharticc = false;
</script>
<script src="http://elbalcondejaime.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div></div>
<style>#blssbramn a{text-decoration:none;}#blssbramn{font-size:12px;font-family:Arial,helvetica,sans-serif;padding: 4px;}.bltituloartccs{font-weight:bold;margin-top:12px;}.bllermas{margin-bottom:20px;padding:12px;}.blfechia{}.blconted{}#blssbra{background:#ffffff;padding-bottom:2px;
padding-top:5px;border:1px solid #B4B4B4;}#blssbra2{padding-bottom:2px;
padding:4px;border-bottom:1px solid #B4B4B4;border-right:1px solid #B4B4B4;border-left:1px solid #B4B4B4;}</style>

Ahora tan solo debes reemplazar http://elbalcondejaime.blogspot.com con la dirección de tu blog o web (sin incluir la barra / al final).

Puedes personalizar el número de entradas a mostrar editando la cifra 8 en la línea var blnumeroarticc = 8;.

También puedes cambiar la velocidad a la que se desplazará el contenido. Aumenta la cifra 2 de la línea var blvelocidads = 2; para que el movimiento sea más rápido o disminúyela para que sea más lento.

Guarda el gadget para terminar.

Si deseas editar el widget en cualquier aspecto (color de texto, color de fondo, ancho o alto...) házmelo saber por medio de un comentario.