Posts destacados tipo Slidehow en el Blog

 Tags: Slideshow blogger, noticias posts destacados en blogger, posts abajo de la cabecera blogger...

 

Muchas veces queremos destacar alguna que otra noticia en la parte cabecera de nuestro blog, lo digo porque lo intenté pero no me resultaba. Hasta que me puse a investigar de fondo y conseguí el código para hacerlo.

No es nada extraño, ni con flash ni javascript, es solo código HTML que le da un aire estético a tu blog Mira el demo.

A continuación veremos lo FÁCIL que es implementarlo en el blog:

1. Ingresar a Diseño/Gadget HTMLJavascript/, allí pegarás el siguiente código y debes reemplazar lo resaltado el rojo por lo correspondiente:

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvR5z5cA76Eo2EGbFT2dYRShD_7N87pasLi7KIFsAQYOkhfe29iTWMjlCLwe8rnBkfSiKYW_TlKSdZtACyJ2ukXADCLYl2kMd8c2nKb5Li_A_80Q0wi8duB6_1dNgY5vgzKVJnfR2Gqdc/s1600/imagen+2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvR5z5cA76Eo2EGbFT2dYRShD_7N87pasLi7KIFsAQYOkhfe29iTWMjlCLwe8rnBkfSiKYW_TlKSdZtACyJ2ukXADCLYl2kMd8c2nKb5Li_A_80Q0wi8duB6_1dNgY5vgzKVJnfR2Gqdc/s1600/imagen+2.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small;"><a href="http://enlace-descripción-imagen-3.blogspot.com/">Descripción de la imagen # 2</a></span></td></tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHuN9vIvNSU7H6FERVikIJUFN9L9Xtz_EGDbuizPTcb794i69RJ-rAXwRhnuDf-tml0XNx7ileMvTfwuZb8Wq9bPAHFcCK2kDNF4d2lbClERyWVo7oCjpzYpyP9xSoPCnxOy__putMrbE/s1600/imagen+3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHuN9vIvNSU7H6FERVikIJUFN9L9Xtz_EGDbuizPTcb794i69RJ-rAXwRhnuDf-tml0XNx7ileMvTfwuZb8Wq9bPAHFcCK2kDNF4d2lbClERyWVo7oCjpzYpyP9xSoPCnxOy__putMrbE/s1600/imagen+3.jpg" /></a></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small;"><a href="http://enlace-descripción-imagen-2.blogspot.com/">Descripción de la imagen #3</a></span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbE3lAPAzIBMnripiqH_nBq8OZnmGxs-6RgMYEx3ddfA7fDKzzC3pGiampuD2QXny8HjJhBWi38uxltRpNkS16GtFIfDFmfksnK3S4M75fQTFZhyphenhyphenqdBP9u42MkkEdnimStF6Nj4Ext9XY/s1600/imagen1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbE3lAPAzIBMnripiqH_nBq8OZnmGxs-6RgMYEx3ddfA7fDKzzC3pGiampuD2QXny8HjJhBWi38uxltRpNkS16GtFIfDFmfksnK3S4M75fQTFZhyphenhyphenqdBP9u42MkkEdnimStF6Nj4Ext9XY/s1600/imagen1.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small;"><a href="http://enlace-descripción-imagen-1.blogspot.com/">Descripción de la Imagen #1</a></span></td></tr>
</tbody></table>
<div separator="separator" style="clear: both; text-align: center;">
</div>

OJO: Si quieres agregar mas de tres imagenes (que son las que vienen por defecto) pega dos veces el codigo y aparecerán seis!! , ¡ASI DE SIMPLE Y OBVIO!.