Ú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:

- Numerar los comentarios anidados de Blogger con imagen   - Pack de iconos en forma de corazón  - Juegos de Bob Esponja para tu blog   - iNews- Plantilla responsive para Blogger   - Últimas Entradas con desplazamiento horizontal   - MXfluity- Plantilla responsive para Blogger   - Feliz año 2014  - Mensaje de navidad al estilo de Google   - Problemas con el gadget de seguidores   - Feliz navidad 2013  - Seis formas de mejorar tu blog con Google+   - DW One Page Christmas- Theme premium para Wordpress  - Tarjeta navideña de Papa Noel con efecto zoom para tu blog   - Blackberry perdió US$4400 millones   - Agregar más fonts en blogger con Google Fonts   widget

Para agregar este truco a tu blog ve a Plantilla, Editar HTML, y busca lo siguiente:

<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.