Saturday, 2 February 2013

widget random post keren abis

selamat pagi sobat semua dalam kesempatan kali ini saya akan berbagi kode untuk widget random post keren abis yang demonya bisa dilihat di bawah bagi sobat semua yang ingin memasang random post silahkan kopi paste kode berikut.







<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 white;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  margin:0px auto;
}

div.spy-outer h2 {
  margin:0px 0px;
  padding:5px 10px;
  background-color:#008800;
  background-image:-webkit-linear-gradient(top, #008800, #037103);
  background-image:-moz-linear-gradient(top, #008800, #037103);
  background-image:-ms-linear-gradient(top, #008800, #037103);
  background-image:-o-linear-gradient(top, #008800, #037103);
  background-image:linear-gradient(top, #008800, #037103);
  color:white;
  font:bold 12px Arial,Sans-Serif;
  text-transform:none;
  text-shadow:0px 1px 2px black;
}

ul.spy {
  margin:0px 0px;
  padding:0px 0px;
  font:normal 10px/12px Arial,Sans-Serif;
  color:#666;
  overflow:hidden;
}

ul.spy li {
  list-style:none;
  text-align:left;
  margin:0px 0px;
  padding:5px 7px;
  background-color:#AABD30;
  background-image:-webkit-linear-gradient(top, #AABD30, #9BB009);
  background-image:-moz-linear-gradient(top, #AABD30, #9BB009);
  background-image:-ms-linear-gradient(top, #AABD30, #9BB009);
  background-image:-o-linear-gradient(top, #AABD30, #9BB009);
  background-image:linear-gradient(top, #AABD30, #9BB009);
  border-top:1px solid #A7D101;
  border-bottom:1px solid #899D00;
  word-wrap:break-word;
  overflow:hidden;
}

ul.spy a {text-decoration:none;}

ul.spy li em {
  font-weight:bold;
  color:#409540;
}

ul.spy a.header {
  font:bold 12px/14px 'Trebuchet MS',Arial,Sans-Serif;
  display:block;
  color:black;
  text-shadow:0px 1px 0px rgba(0,0,0,0.2);
}

ul.spy a.header:hover {
  color:white;
  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;
  border:4px solid #899D00;
  background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%;
  padding:0px;
}

ul.spy li .imgwrap {
  -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.7);
  -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.7);
  box-shadow:0px 0px 2px rgba(0,0,0,0.7);
}

ul.spy li img {
  border:none !important;
  float:none;
  margin:0px 0px;
  padding:0px 0px;
  display:none;
}
</style>



<script type="text/javascript">
var spyTitle           = "random post",
    numposts           = 6,
    numchars           = 127,
    komentar           = "Komentar",
    pBlank             = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLC3_dXWKswUctM4YUlKcpom9sn5Tc4Pu2SQd7Zq0xzE81gWKJVp02VeNBd3UFQ513wQ6d0ITNlL2GphYeHg-bEvoaqMxqCZwSuA3yNANEKErQyqznPSlLkpJog6rAYqg7J7THsyW80co/s120/blogger.jpeg",
    modeID             = true,
    showSummaries      = true,
    openNewTab         = false,
    showPostDate       = true,
    showComment        = true,
    showThumbnails     = true,
    animatedRecentPost = true,
    limitspy           = 4,
    intervalspy        = 4000,
    tickspeed          = 2400;
</script>
<script src="http://jswoconen.googlecode.com/files/rp-spy-whatever-v1.js" type="text/javascript"></script>
<script src="http://woconen.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>
keterangan:

warna biru teks 
warna merah blog kamu 



bila susah kopi kode ni saya buatkan didalam text area


 nah silahkan dicoba demo dibawah ini

No comments:

Post a Comment