Demonstração
Este script muito fácil de instalar, você só tem que colocar o script para o novo gadget

• Acesso ao Painel do Blogger e navegue até Design - Elementos da Página
• Clique em "Adicionar Gadget" e escolha "Popular Posts" ( Se você já tem esse gadget saltar este passo )
• Depois de ter Gadget Mensagem Popular "Adicionar Gadget" novamente e selecione "HTML / Javascript"
• Coloque tudo abaixo script para o "Conteúdo" de HTML / Javascript Gadget
• Se você já jQuery em seu modelo , por favor excluir meu script
• Feito o seu post-popular agora com animação

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

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

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

{# Intro
    padding-bottom: 10px;
}

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

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

. ScrollContainer {
 position: relative;
}

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

# Esquerda {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;
}

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

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

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

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

. Dentro 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 {
    esquerda:-45px;
}

. ScrollButtons.right {
    direita:-45px;
}

. Pele {
    display: none;
}

</ Style>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </ script>
 <script src="http://accordion-template.googlecode.com/svn/trunk/slidermovingbox.js" type="text/javascript" charset="utf-8"> </ script>