Widget com as últimas postagens clean
Autor: Mateus Barbosa | Publicado: 2011-08-17T07:07:00-07:00

 


Super fácil. Copie o código e cole no HTML/Javascript em seu blog, colocando o endereço de seu blog no local indicado (cor vermelha).NÃO SE ESQUEÇA DE COLOCAR O ENDEREÇO DE SEU BLOG NO LOCAL INDICADO !

  Carregando...

<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
    type="text/javascript">

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
    type="text/javascript">





    .gfg-root {
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  border: 1px solid #ccc;
}
.gf-author {font-size: 10px}
.gfg-title {
text-shadow: 1px 1px 1px #fff;
padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #000;
background: #ccc url(http://2.bp.blogspot.com/-1X0dg29VnWk/TiBceVDDjTI/AAAAAAAAATI/V0vNBXR6Czc/s1600/featured.png) no-repeat;

  line-height: 1.4em;
  white-space: nowrap;
}

.gfg-title a {
background: url(http://4.bp.blogspot.com/-kU65Mz4pM5A/TiBfYkwhdzI/AAAAAAAAATM/cr0GWmd0pf8/s1600/upcoming-work.png) no-repeat;
  color: #cc0000;overflow: hidden;
font-size: 14px;
}

.gfg-subtitle {
background: url(http://3.bp.blogspot.com/-VYUn5nHqrpY/TiBcaQQ_tHI/AAAAAAAAATE/qDVZpQ-eLwo/s1600/future-projects.png) no-repeat left;
padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  background-color: #ccc;
  line-height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 5px;
}

.gfg-subtitle a {
float: center;
  color: #000;
text-shadow: 1px 1px 1px #fff;
}

.gfg-entry {
  width: 100%;
 
  overflow: hidden;
  text-align: left;
  margin-top: 3px;
}
.gfg-entry a{
width: 100%;
padding: 0px 0 0px 20px;
background:  url(http://4.bp.blogspot.com/-kU65Mz4pM5A/TiBfYkwhdzI/AAAAAAAAATM/cr0GWmd0pf8/s1600/upcoming-work.png) no-repeat;
background-color: #eee;
color: #cc0000;
overflow: hidden;
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position: relative;
  background-color: white;
  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;
  white-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: #eee;
}
.gfg-listentry-odd a{color: #cc0000;}
.gfg-listentry-even {
}
.gfg-listentry-even a {color: #cc0000;}
.gfg-listentry-highlight {
  background-image: url('http://3.bp.blogspot.com/-58tCaZvgM4Q/TiBOnhppM2I/AAAAAAAAFsw/IutT3AesMXQ/s1600/1as18.gif');
  background-repeat: no-repeat;
  background-position: center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin-bottom: 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height: 3.8em;
  color: #000000;
  margin-top: 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position: relative;
}

.gfg-horizontal-root {
  height: 1.5em;
  _height: 100%;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding: 5px;
  margin-right: 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight: bold;
  background-color: #FFFFFF;
  line-height: 1.5em;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  padding-left: 10px;
  padding-right: 12px;
  border-right: 1px solid #AAAAAA;
}
.gfg-horizontal-root .gfg-title li {color: #cc0000; }
.gfg-horizontal-root .gfg-title a {
  color: #ccc;
  text-decoration: none;
}

.gfg-horizontal-root .gfg-entry {
  width: auto;
  height: 1.5em;
  position: relative;
  overflow: hidden;
  text-align: left;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position: relative;
  background-color: white;
  width: 100%;
  height: 100%;
  line-height: 1.5em;
  overflow: hidden;
  white-space: nowrap;
}

.gfg-horizontal-root .gfg-list {
  display: none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display: none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #000;
  margin-right: 3px;
  float: left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float: left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display: block;
  color: #cc0000;
}

.gfg-branding {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor: pointer;
  float: right;
  width: 17px;
  height: 20px;
}

.gfg-collapse-open {
  background-image: url('http://2.bp.blogspot.com/-_65RK3HKXU4/TiBOGktuD7I/AAAAAAAAFss/UrXoycMiX7g/s1600/5.gif');
}

.gfg-collapse-closed {
  background-image: url('http://2.bp.blogspot.com/-_65RK3HKXU4/TiBOGktuD7I/AAAAAAAAFss/UrXoycMiX7g/s1600/5.gif');
}

.gfg-collapse-href {
  float: left;
}

.clearFloat {
  clear: both;
}
  

    function LoadDynamicFeedControl() {
      var feeds = [
 {title: 'Últimos posts',
  url: 'AQUI O ENDEREÇO DE SEU BLOG/rss.xml'
 },
 ];
      var options = {
        stacked : true,
        horizontal : false,
        title : "Posts + vistos"
      }

      new GFdynamicFeedControl(feeds, 'feed-control', options);
    }

    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);