√ Gadget con últimas cuatro entradas

Os traigo esta vez un gadget para vuestro blog, donde mostrar las últimas entradas, modificable hasta cuatro, también para mostrar una lista de blogs.
Viene bién para aquellos que no tienen instalado el "Leer más" en sus blog, ya que muestra las últimas entradas.

Puede personalizarse para mostrar el numero de entradas de cada blog añadido a la lista y en la parte superior va mostrando de forma automática, una vista previa de las entradas de los blogs, o mostrar tan solo, vuestras últimas entradas.

Despues de iniciar sesión en Blogger, nos situamos en nuestro Panel -> Edición para añadir un nuevo Widget de Html y pegamos dentro el código:

<div id="feed-control">
<span style="color: #6998CA; font-size: 11px; margin: 10px; padding: 4px;"><b>Cargando...</b></span></div>
<script src="http://www.google.com/jsapi?key=notsupplied-wizard"> type="text/javascript"> </script><br /> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"> type="text/javascript"> </script><br /> <style type="text/css">  /* Feed Title */ .gfg-title { font-size: 16px; font-weight : bold; color : #A60C0C; background-color: transparent; line-height : 1.4em; overflow : hidden; transparent-space : nowrap; } .gfg-title a { color : #A60C0C; }  .gfg-subtitle a { color : #A60C0C; } .gfg-entry { background-color : transparent; width : 100%; height : 7.9em; position : relative; overflow : hidden; text-align : left; margin-top : 3px; } /* To allow correct behavior for overlay */ .gfg-root .gfg-entry .gf-result { position : relative; background-color :transparent; width : auto; height : 100%; padding-left : 20px; padding-right : 5px; } .gfg-list { position : relative; overflow : hidden; text-align : left; margin-bottom : 5px; } .gfg-listentry { line-height : 1.5em; overflow : hidden; transparent-space : nowrap; text-overflow : ellipsis; -o-text-overflow : ellipsis; padding-left : 15px; padding-right : 5px; margin-left : 5px; margin-right : 5px; } .gfg-listentry-odd { background-color : transparent; } .gfg-listentry-even { } .gfg-listentry-highlight { background-image : url('http://i30.servimg.com/u/f30/13/20/23/83/0036_b10.png'); background-repeat: no-repeat; background-position : center left; } /*  </style><br /> <script type="text/javascript"> function LoadDynamicFeedControl() { var feeds = [ {title: 'TITULO_BLOG1', url: 'http://BLOG1.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=4' }, {title: 'TITULO_BLOG2', url: 'http://BLOG2.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=4' }]; var options = { stacked :false, horizontal :false,  } new GFdynamicFeedControl(feeds, 'feed-control', options); } // Load the feeds API and set the onload callback. google.load('feeds', '1'); google.setOnLoadCallback(LoadDynamicFeedControl); </script>

Si tan solo colocáis vuestro blog, quedaría así:

Cargando...

Personalización:
En el código anterior sustituiremos 'TITULO_BLOG1', 'TITULO_BLOG2', etc... por los respectivos títulos de los blogs y 'BLOG1', 'BLOG2', etc... por el nombre del blog.
La parte: max-results=4' son las entradas a mostrar
El tamaño de texto y colores se pueden cambiar, es cuestión de pruebas, en esta tabla podéis ver los colores

Para añadir más blogs a la lista añadiremos en el código tantos bloques de código como este que necesitemos:

{title: 'TITULO_BLOG1',
url: 'http://BLOG1.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=4'
},

Usar el widget para mostrar las últimas entradas de un solo blog.

Haciendo uso del mismo código, podemos también mostrar en nuestro blog las últimas entradas de un solo blog que, en este caso, podría ser uno distinto al nuestro.

Tan solo colocando el primer BLOG1 y borrando el segundo..