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

Últimas Entradas con desplazamiento horizontal


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

El truco se ve de la siguiente forma:

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.

Vía: El blog de vku

0
Shares

8 thoughts on “Últimas Entradas con desplazamiento horizontal

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *