Últimas Entradas con desplazamiento horizontal

Ya he compartido varias formas de mostrar las ultimas entradas del blog, pero en esta oportunidad les compartiré una forma muy singular e impresionante de mostrar las ultimas entradas.

En el día de hoy veremos como añadir las ultimas entradas con desplazamiento horizontal.

El truco se ve de la siguiente forma:

<b:skin>...</b:skin>

Allí das clic en la flecha que aparece al lado de este código y busca la etiqueta  ]]></b:skin> y arriba de esta añade lo siguiente:

.feedmarquee a{
font-size: 11px; /* tamaño del texto */
text-decoration: none;
color:#000; /* Cambiar color del texto */
}
.feedmarquee {
font-size: 12px;
color:#FEE405;
position:absolute;
background: transparent; /* Cambiar color del fondo */
padding:10px;
width: 600px; /* Cambiar ancho */
}

Ahora en un gadget HTML/JavaScript o en HTML de una pagina o entrada pega lo siguiente:

<script src="http://img42.xooimage.com/files/7/b/5/recentpostsscrollervku-1b6927d.js" type="text/javascript"> </script>
<div class="feedmarquee">
<script type="text/javascript"> var nMaxPosts = 15; var sBulletChar="-" ; var nWidth; var nScrollDelay = 155; var sDirection="left"; var sOpenLinkLocation="p"; </script> <script src="http://URL DE TU BLOG/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollervku" type="text/javascript"> </script></div>

Reemplaza lo que esta resaltado en color azul por la url de tu blog (por ejemplo: blogger.com).

Ahora solo guarda los cambios.

Espero que este truco sea de utilidad para todos, y si tienes alguna sugerencia no dudes en comentar.

Vía: El blog de vku