Widget Recent Post Black With Thumbnail Image Widget Recent Post Black With Thumbnail Image

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
div.spy-outer {
  border:2px solid #333;
  -webkit-box-shadow:0px 1px 3px black;
  -moz-box-shadow:0px 1px 3px black;
  box-shadow:0px 1px 3px black;
  margin:0px auto;
}
div.spy-outer h2 {
  margin:0px 0px;
  padding:5px 10px;
  background:#aaa; border-top:1px solid #444;
  border-bottom:1px solid #000;
  background:-webkit-linear-gradient(top, #222, #222);
  background:-moz-linear-gradient(top, #222, #222);
  background:-ms-linear-gradient(top, #222, #222);
  background:-o-linear-gradient(top, #222, #222);
  background:linear-gradient(top, #222, #222);
  color:#1F88A7;
  font:bold 13px dungeon;
  text-transform:none;
  text-shadow:0px 1px 2px black;
}

ul.spy {
  margin:0px 0px;
  padding:0px 0px;
  font:normal 12px/12px "Consolas","Courier New",Courier,mono,serif;
  color:#808080;
  overflow:hidden;
}
ul.spy li {
  list-style:none;
  text-align:left;
  margin:0px 0px;
  padding:5px 7px;
  background:#323232;
  background:-webkit-linear-gradient(top, #222, #222);
  background:-moz-linear-gradient(top, #222, #222);
  background:-ms-linear-gradient(top, #222, #222);
  background:-o-linear-gradient(top, #222, #222);
  background:linear-gradient(top, #222, #222);
  border-top:1px solid #666;
  border-bottom:1px solid #000;
  word-wrap:break-word;
  overflow:hidden;
}
ul.spy a {text-decoration:none;}
ul.spy li em {
  font-weight:bold;
  color:#808000;
}
ul.spy a.header {
  font:bold 12px/14px 'century gothic',Arial,Sans-Serif;
  display:block;
  color:#bbb;
  text-shadow:0px -1px 1px black;
}
ul.spy a.header:hover {
  color:#777;
  text-decoration:underline;
}
ul.spy li .summ {
  margin-top:5px;
  overflow:hidden;
}
ul.spy li .imgwrap, ul.spy li img {
  float:right;
  margin:0px 0px 2px 7px;
  width:72px;
  height:72px;
  -webkit-border-radius:38px;
  -moz-border-radius:38px;
  border-radius:38px;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
  background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%;
  padding:0px;
}
ul.spy li .imgwrap, ul.spy li img {
  -webkit-box-shadow:0px 0px 0px 4px #222, 0px 0px 3px 4px #555;
  -moz-box-shadow:0px 0px 0px 4px #222, 0px 0px 3px 4px #555;
  box-shadow:0px 0px 0px 4px #222, 0px 0px 3px 4px #555;
}
ul.spy li img {
  border:none !important;
  float:none;
  margin:0px 0px;
  padding:0px 0px;
  display:none;
}
ul.spy li img:hover {
  -webkit-box-shadow:0px 0px 0px 4px #444, 0px 0px 3px 4px #fff;
  -moz-box-shadow:0px 0px 0px 4px #444, 0px 0px 3px 4px #fff;
  box-shadow:0px 0px 0px 4px #444, 0px 0px 3px 4px #fff;
  -webkit-transform:rotate(-720deg);
  -moz-transform:rotate(-720deg);
  -ms-transform:rotate(-720deg);
  -o-transform:rotate(-720deg);
  transform:rotate(-720deg);
}
</style>
<script type='text/javascript'>
var spyTitle       = "Artikel Terbaru",
    numposts       = 7,
    numchars       = 127,
    komentar       = "Komentar",
    pBlank         = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg";
    modeID             = true;
    showSummaries      = true;
    openNewTab         = false;
    showPostDate       = true;
    showComment        = true;
    showThumbnails     = true;
    animatedRecentPost = true;
    limitspy           = 4;
    intervalspy        = 4000;
    tickspeed          = 1000;
</script>
<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/rp-spy-whatever-v1.js"></script>
<script src="http://logcyber.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

ganti http://logcyber.blogspot.com/ dengan url blog agn...

demo