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