Ultimas entradas con imagen

Uno de los gadgets más buscados es el de últimos posts o últimas entradas.

Es muy útil en los blogs que tienen una sola entrada por página o aquellos que presentan una página única, porque ayuda al visitante a mantenersae informado acerca de lo que estás publicando, sobre todo a los que no son suscriptores.

Particularmente, le encuentro mucha más utilidad que al gadget de entradas al azar.

Para añadirlo es fácil, se hace como un gadget html (Diseño - agregar gadget - HTML/JavaScript)

Le pones el título que desees y pegas en el cuerpo cualquiera de éstos códigos, dependiendo de lo que deseas. 

• Imágenes, título y descripción. Tiene 500px de alto y una barra de scroll

<div  class="eggTray"> <script  src="https://sites.google.com/site/projectdigitaltomato/blogger/js/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",  "pipe_params":{"URL":"http://El-nombre-de-tu-blog.blogspot.com/feeds/posts/default"}, "hideHeader":"false","height":"500","count": 8 }</script>  <noscript>Your browser does not support  JavaScript!</noscript></div> <style type=text/css>  .eggTray {margin:10px 0px;padding:0px;} .ybr li {border-bottom:0px  #cccccc dotted; padding:0px 0px 10px 0px!important;} .ycdr  {background:transparent 0px 0px no-repeat; padding: 1px 0px 0px 19px;  height:14px; margin: 4px 0px 0px 0px;line-height:14px;} .ycdr, .ycdr a  {color:#999999;} .widget .popular-posts ul {padding-left:0;}  </style>

• Imágenes, título y descripción sin barra de scroll

<div  class="eggTray"> <script  src="https://sites.google.com/site/projectdigitaltomato/blogger/js/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",  "pipe_params":{"URL":"http://El-nombre-de-tu-blog.blogspot.com/feeds/posts/default"}, "hideHeader":"false","height":"","count": 8 }</script>  <noscript>Your browser does not support  JavaScript!</noscript></div> <style type=text/css>  .eggTray {margin:10px 0px;padding:0px;} .ybr li {border-bottom:0px  #cccccc dotted; padding:0px 0px 10px 0px!important;} .ycdr  {background:transparent 0px 0px no-repeat; padding: 1px 0px 0px 19px;  height:14px; margin: 4px 0px 0px 0px;line-height:14px;} .ycdr, .ycdr a  {color:#999999;} .widget .popular-posts ul {padding-left:0;}  </style>

• Imágenes y título con barra de scroll

<div  class="eggTray"> <script  src="https://sites.google.com/site/projectdigitaltomato/blogger/js/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",  "pipe_params":{"URL":"http://El-nombre-de-tu-blog.blogspot.com/feeds/posts/default"}, "hideHeader":"false","height":"500","count": 8 }</script>  <noscript>Your browser does not support  JavaScript!</noscript></div> <style type=text/css>  .eggTray {margin:10px 0px;padding:0px;} .ybr li {border-bottom:0px  #cccccc dotted; padding:0px 0px 10px 0px!important;} .pipesTitle  {padding-top:10px;} .pipesDescription {display:none;} .ycdr  {background:transparent 0px 0px no-repeat; padding: 1px 0px 0px 19px;  height:14px; margin: 4px 0px 0px 0px;line-height:14px;} .ycdr, .ycdr a  {color:#999999;} .widget .popular-posts ul {padding-left:0;}  </style>

• Imagenes y título sin barra de scroll

<div  class="eggTray"> <script  src="https://sites.google.com/site/projectdigitaltomato/blogger/js/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",  "pipe_params":{"URL":"http://El-nombre-de-tu-blog.blogspot.com/feeds/posts/default"}, "hideHeader":"false","height":"","count": 8 }</script>  <noscript>Your browser does not support  JavaScript!</noscript></div> <style type=text/css>  .eggTray {margin:10px 0px;padding:0px;} .ybr li {border-bottom:0px  #cccccc dotted; padding:0px 0px 10px 0px!important;} .pipesTitle  {padding-top:10px;} .pipesDescription {display:none;} .ycdr  {background:transparent 0px 0px no-repeat; padding: 1px 0px 0px 19px;  height:14px; margin: 4px 0px 0px 0px;line-height:14px;} .ycdr, .ycdr a  {color:#999999;} .widget .popular-posts ul {padding-left:0;}  </style>

Debes cambiar lo que está en azul por el nombre de tu blog y el número 8 que está en rojo es el número de entradas que quieres incluir. Coloca el que desees.

Eso es todo.

Súper sencillo y muy fácil de implementar.

Cada vez que postees una entrada sin imagen se verá un cuadro gris por defecto con la insignia de blogger, así que te recomiendo que recuerdes siempre incluir imágenes en tus entradas, de esta manera se verá tu blog mucho más lindo y llamativo.

FUENTE: Más audaz

-->