Slide de postagens populares Moving Box

DEMO

Eis aí um modelo de slide das postagens mais vistas de seu blog. Com este código, não haverá problemas de hospedagem pois o script será hospedado no próprio Blogger. Você precisará do Widget das Postagens populares em seu blog. Depois arraste-a para o topo de seu blog. Em seguida, coloque um widget HTML/Javascript logo depois, como mostra o modelo:

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código f

<style>
* {
margin: 0;
padding: 0;
}

body {
    font: 11px Helvetica, Arial, sans-serif;
}

#wrapper {
    width: 800px;
    margin: 60px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
border: 10px solid #ccc;
}

.scroll {
overflow: hidden;
width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
height: 318px;
}

#left-shadow {
position: absolute;
top: 0;
left: 0;
width: 12px;
bottom: 0;
background: url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/leftshadow.png) repeat-y;
}

#right-shadow {
position: absolute;
top: 0;
right: 0;
width: 12px;
bottom: 0;
background: url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/rightshadow.png) repeat-y;
}

.inside {
padding: 10px;
border: 1px solid #999;
}

.inside img {
display: block;
border: 1px solid #666;
margin: 0 0 10px 0;
width: 250px;
}

.inside h2 {
font-weight: normal;
color: #111;
font-size: 16px;
margin: 0 0 8px 0;
}

.inside p {
font-size: 11px;
color: #ccc;
}

a {
color: #999;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}

a:hover {
border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></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}('$(1A).1B(4(){$(\'.5-6 l g\').L(4(){$(o).U(\'h\');$(o).U(\'t\');$(o).a("t",V)});$(\'.5-6 l g\').u(\'M\',4(q,u){W u.1C("1D-c","1E")});$(\'.5-6 l\').X(\'<8 v="b"></8>\');$(\'.5-6 #b\').1F(\'<g w="Y j" M="Z://11.12.14/15/16/17/18/1G.19" />\');$(\'.5-6 #b\').1a(\'<g w="Y r" M="Z://11.12.14/15/16/17/18/1H.19" />\');$(\'.5-6 l\').A(\'e\');$(\'.5-6 l 1b\').A(\'k\');$(\'.5-6 l 1b .1I-1J\').A(\'B\');$(\'.5-6 l\').X(\'<8 1K="1c: 1d;" w="x"></8>\');$(\'.5-6 .k\').L(4(q){y=q+1;$(o).u(\'v\',\'9\'+y)});1e(i=1;i<=y;i++){$(\'.5-6 #9\'+i+\' .B\').1L().1M(\'.e\')}$(\'.5-6 .e\').1N();$(\'.5-6 .x\').1f(\'<8 w="e"></8>\');$(\'.5-6 .B\').L(4(q){y=q+1;$(o).u(\'v\',\'9\'+y);$(o).A(\'k\');1g=q+1});1e(i=1;i<=1g;i++){$(\'.5-6 #9\'+i).1f(\'<8 w="B"></8>\')}$(\'.5-6 #b .x\').1a(\'<8 v="j-1h"></8><8 v="r-1h"></8>\')});$(4(){2 1i=$(".e").1O().N();2 1j=$(".k").a("h");2 1k=$(".k g").a("h");2 1l=$(".k g").a("t");2 1m=$(".k O").a("1n-N");2 1o=$(".k p").a("1n-N");2 P=1P;2 1p=1Q;2 1q=1R;2 1r=1S;2 1s="1T";2 1t="1U";2 $C=$(\'#b .e > 8\');2 $1u=$(\'#b .e\');$C.a({\'1V\':\'j\',\'1W\':\'1X\'});$("#b").D("E",m);$1u.a(\'h\',($C[0].1Y*$C.1Z)+V).a(\'j\',"-20");2 x=$(\'#b .x\').a(\'1c\',\'1d\');4 1v(F){$(F).f({h:1j}).s("g").f({h:1k,t:1l}).G().s("O").f({H:1m}).G().s("p").f({H:1o})};4 Q(F){$(F).f({h:1p}).s("g").f({h:1q,t:1r}).G().s("O").f({H:1s}).G().s("p").f({H:1t})}4 n(z){1w((z&&!(7<1i))||(!z&&(7<=1))){W m}1w(($("#b").D("E")==m)){$("#b").D("E",I);2 R=z?7+1:7-1;2 S=$(".e").a("j");2 1x=z?1y(S,10)-P:1y(S,10)+P;$(".e").21().f({"j":1x},4(){$("#b").D("E",m)});1v("#9"+7);Q("#9"+R);7=R;$("#9"+(7+1)).T();$("#9"+(7+1)).d(4(){n(I)});$("#9"+(7-1)).T();$("#9"+(7-1)).d(4(){n(m)});$("#9"+7).T()}}Q("#22");2 7=3;$("#9"+(7+1)).d(4(){n(I)});$("#9"+(7-1)).d(4(){n(m)});$(".r").d(4(){n(I)});$(".j").d(4(){n(m)});$(23).24(4(1z){25(1z.26){J 13:$(".r").d();K;J 27:$(".r").d();K;J 28:$(".j").d();K;J 29:$(".r").d();K}})});',62,134,'||var||function|popular|posts|curPanel|div|panel_|css|slider||click|scrollContainer|animate|img|width||left|panel|ul|false|change|this||index|right|find|height|attr|id|class|scroll|tambah|direction|addClass|inside|panels|data|currentlyMoving|element|end|fontSize|true|case|break|each|src|size|h2|movingDistance|growBigger|next|leftValue|unbind|removeAttr|100|return|wrap|scrollButtons|http||i879|photobucket||com|albums|ab351|bloggerblogimage|blogger|png|append|li|overflow|hidden|for|wrapInner|akhir|shadow|totalPanels|regWidth|regImgWidth|regImgHeight|regTitleSize|font|regParSize|curWidth|curImgWidth|curImgHeight|curTitleSize|curParSize|container|returnToNormal|if|movement|parseFloat|event|document|ready|replace|s72|s1600|prepend|leftarrow|rightarrow|item|content|style|clone|insertBefore|remove|children|300|350|326|220|20px|15px|float|position|relative|offsetWidth|length|350px|stop|panel_3|window|keydown|switch|keyCode|32|37|39'.split('|'),0,{}))
//]]>
</script>

Crédito: AbuFarhan