Tuesday, 27 May 2014

POPULAR POST ACCORDION SLIDER

POPULAR POST ACCORDION SLIDER


------------------------------------------------------------------------------------------------------------

  1. ADD POPULAR POST WIDGET
  2. ADD HTML/JAVA WIDGET AND PASTE BELOW CODE IN THIS WIDGET

------------------------------------------------------------------------------------------------------------

<style type="text/css" media="screen">
#PopularPosts1 {
overflow:hidden;
margin-top:5px;
width:100%;
padding:0px 0px;
height:450px;
}
#PopularPosts1 ul {
width:250px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:10px 0px 0px 10px;
}
#PopularPosts1 li {
width:230px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioyxArLE5kIkiAEYNvn3Nwf2plM4GztURdLyZUf1raWe5U6_mbY4XVYcnETdlJv2nZMtezyQsLxsDDmYXnCMs3U5or4I8GC9irCt6KpEvFL2WdfbrzJelYjFLigz6AHH_MNQ3C4zUV7KQ/s400/popular+posts.jpg) repeat-x;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
font-size:1em;
margin-bottom:0.5em;
}
#PopularPosts1 li .item-title a {
text-decoration:none;
color:#7CA2C4;
font:bold 12px verdana;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:2px solid #7CA2C4;
}
#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#289728;
padding:0px 0px;
margin:0px 0px;
}
#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
color:#3E4548;
text-decoration: none;
}
#PopularPosts1 .spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}
#PopularPosts1 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.tags span,
.tags a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
a img {
border: 0;
}
</style>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>


<script type="text/javascript">
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(3(e){e.p.q=3(c,d){c=c||4;d=d||r;s 8.l(3(){m b=e(8),9=[],7=c,g=0,2=b.f(\'> 6:t\').2();b.f(\'> 6\').l(3(){9.u(\'<6>\'+e(8).v()+\'</6>\')});g=9.w;b.x(\'<y z="A" />\').B().n({2:2*5});b.f(\'> 6\').C(\':D(\'+(c-1)+\')\').o();3 h(){m a=e(9[7]).n({2:0,i:0,E:\'F\'}).G(b);b.f(\'> 6:H\').j({i:0},k,3(){a.j({2:2},k).j({i:1},k);e(8).o()});7++;I(7>=g){7=0}J(h,d)}h()})}})(K);',47,47,'||height|function|||li|currentItem|this|items||||||find|total|spy|opacity|animate|1000|each|var|css|remove|fn|simpleSpy|4000|return|first|push|html|length|wrap|div|class|spyWrapper|parent|filter|gt|display|block|prependTo|last|if|setTimeout|jQuery'.split('|'),0,{}))
//]]></script>














0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets