Slider con entradas del blog.

Gadget que muestra entradas en slider.

Este codigo es muy interesante, se trata de un slider que muestra entradas de tu blog en forma aleatoria, muy bueno para llamar la atencion de los visitantes y retenerlos un poco mas.

Para instalarlo sigue los siguientes pasos:

1) Ves a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript. En él pega el siguiente código:

<style type="text/css"><br /><br />.gfg-root {<br /><br />width : 100%;<br /><br />height : auto;<br /><br />position : relative;<br /><br />overflow : hidden;<br /><br />text-align : center;<br /><br />font-family: "Arial", sans-serif;<br /><br />font-size: 15px;<br /><br />border: 1px solid #BCCDF0;<br /><br />}<br /><br /><br /><br />.gfg-title {<br /><br />font-size: 24px;<br /><br />font-weight : bold;<br /><br />color : #3366cc;<br /><br />background-color: #E5ECF9;<br /><br />line-height : 1.4em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />}<br /><br /><br /><br />.gfg-title a {<br /><br />color : #3366cc;<br /><br />}<br /><br /><br /><br />.gfg-subtitle {<br /><br />font-size: 20px;<br /><br />font-weight : bold;<br /><br />color : #3366cc;<br /><br />background-color: #E5ECF9;<br /><br />line-height : 1.4em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />margin-bottom : 0px;<br /><br />}<br /><br /><br /><br />.gfg-subtitle a {<br /><br />color : #3366cc;<br /><br />display:none !important;<br /><br />}<br /><br /><br /><br />.gfg-entry {<br /><br />background-color : white;<br /><br />width : 100%;<br /><br />height : 6.9em;<br /><br />position : relative;<br /><br />overflow : hidden;<br /><br />text-align : left;<br /><br />margin-top : 3px;<br /><br />}<br /><br /><br /><br />/* To allow correct behavior for overlay */<br /><br />.gfg-root .gfg-entry .gf-result {<br /><br />position : relative;<br /><br />background-color : white;<br /><br />width : auto;<br /><br />height : 100%;<br /><br />padding-left : 20px;<br /><br />padding-right : 5px;<br /><br />}<br /><br /><br /><br />.gfg-list {<br /><br />position : relative;<br /><br />overflow : hidden;<br /><br />text-align : left;<br /><br />margin-bottom : 5px;<br /><br />display:none !important;<br /><br />}<br /><br /><br /><br />.gfg-listentry {<br /><br />line-height : 1.5em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />text-overflow : ellipsis;<br /><br />-o-text-overflow : ellipsis;<br /><br />padding-left : 15px;<br /><br />padding-right : 5px;<br /><br />margin-left : 5px;<br /><br />margin-right : 5px;<br /><br />}<br /><br /><br /><br />.gfg-listentry-odd {<br /><br />background-color : #F6F6F6;<br /><br />}<br /><br /><br /><br />.gfg-listentry-even {<br /><br />}<br /><br /><br /><br />.gfg-listentry-highlight {<br /><br />background-image : url('garrow.gif');<br /><br />background-repeat: no-repeat;<br /><br />background-position : center left;<br /><br />}<br /><br /><br /><br />/*<br /><br />* FeedControl customizations.<br /><br />*/<br /><br /><br /><br />.gfg-root .gfg-entry .gf-result .gf-title {<br /><br />font-size: 24px;<br /><br />line-height : 1.2em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />text-overflow : ellipsis;<br /><br />-o-text-overflow : ellipsis;<br /><br />margin-bottom : 2px;<br /><br />}<br /><br /><br /><br />.gfg-root .gfg-entry .gf-result .gf-snippet {<br /><br />height : 3.8em;<br /><br />color: #000000;<br /><br />margin-top : 3px;<br /><br />}<br /><br /><br /><br />/*<br /><br />* Easy way to get horizontal mode, applicable via js options to gadget.<br /><br />*/<br /><br /><br /><br />.gfg-horizontal-container {<br /><br />position : relative;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root {<br /><br />height : 1.5em;<br /><br />_height : 100%;<br /><br />position : relative;<br /><br />white-space : nowrap;<br /><br />overflow : hidden;<br /><br />text-align : center;<br /><br />font-family: "Arial", sans-serif;<br /><br />font-size: 13px;<br /><br />border: 1px solid #AAAAAA;<br /><br />padding : 5px;<br /><br />margin-right : 80px;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-title {<br /><br />font-weight : bold;<br /><br />background-color: #FFFFFF;<br /><br />line-height : 1.5em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />float : left;<br /><br />padding-left : 10px;<br /><br />padding-right : 12px;<br /><br />border-right: 1px solid #AAAAAA;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-title a {<br /><br />color : #444444;<br /><br />text-decoration : none;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry {<br /><br />width : auto;<br /><br />height : 1.5em;<br /><br />position : relative;<br /><br />overflow : hidden;<br /><br />text-align : left;<br /><br />margin-top : 0px;<br /><br />margin-left : 0px;<br /><br />padding-left : 10px;<br /><br />}<br /><br /><br /><br />/* To allow correct behavior for overlay */<br /><br />.gfg-horizontal-root .gfg-entry .gf-result {<br /><br />position : relative;<br /><br />background-color : white;<br /><br />width : 100%;<br /><br />height : 100%;<br /><br />line-height : 1.5em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-list {<br /><br />display : none;<br /><br />}<br /><br /><br /><br />/*<br /><br />* FeedControl customizations.<br /><br />*/<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,<br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-author {<br /><br />display : none;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-title {<br /><br />color: #0000cc;<br /><br />margin-right : 3px;<br /><br />float : left;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {<br /><br />float : left;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,<br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {<br /><br />display : block;<br /><br />color: #AAAAAA;<br /><br />}<br /><br /><br /><br />.gfg-branding {<br /><br />white-space : nowrap;<br /><br />overflow : hidden;<br /><br />text-align : left;<br /><br />position : absolute;<br /><br />right : 0px;<br /><br />top : 0px;<br /><br />width : 80px;<br /><br />}<br /><br /><br /><br />.gfg-collapse-open, .gfg-collapse-closed {<br /><br />background-repeat : no-repeat;<br /><br />background-position : center;<br /><br />cursor : pointer;<br /><br />float : right;<br /><br />width : 17px;<br /><br />height : 20px;<br /><br />}<br /><br /><br /><br />.gfg-collapse-open {<br /><br />background-image : url('arrow_open.gif');<br /><br />}<br /><br /><br /><br />.gfg-collapse-closed {<br /><br />background-image : url('arrow_close.gif');<br /><br />}<br /><br /><br /><br />.gfg-collapse-href {<br /><br />float : left;<br /><br />}<br /><br /><br /><br />.clearFloat {<br /><br />clear : both;<br /><br />}<br /><br />#feedGadget {<br /><br />margin-top : 5px;<br /><br />margin-left: auto;<br /><br />margin-right: auto;<br /><br />width : 520px;<br /><br />font-size: 10px;<br /><br />color: #9CADD0;<br /><br />}<br /><br /></style><br /><br /><noscript><a href="http://anshuldudeja.blogspot.com" target="_blank">Blogger Hacks</a></noscript><br /><br /><script src="http://www.google.com/jsapi/?key=internal-sample" type="text/javascript"></script><br /><br /><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script><br /><br /><br /><br /><script type="text/javascript"><br /><br /><br /><br />function showGadget() {<br /><br />var feeds = [<br /><br />{title:'title',<br /><br />url:'http://www.TUBLOG.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},<br /><br /><br /><br />];<br /><br /><br /><br />new GFdynamicFeedControl(feeds, 'feedGadget',<br /><br />{numResults : 1000, stacked : true,<br /><br />title: "Entradas destacadas"});<br /><br />}<br /><br />google.load("feeds", "1");<br /><br />google.setOnLoadCallback(showGadget);<br /><br /></script><br /><br /><noscript><a href="http://bibliotutos.blogspot.com/" target="_blank">Bibliotutos</a></noscript><br /><br /><div id="feedGadget">Cargando...</div><br /><br />

Sustituye donde dice TUBLOG por el nombre de tu blog y luego pon a tu gusto el nombre de este gadget en Entradas destacadas. Si deseas modificar el tamaño, cámbialo en donde dice 520px.

Código extraído de anshuldudeja.com