<style type="text/css" media="screen">

#PopularPosts1 {

 overflow:hidden;

margin-top:5px;

padding:0px 0px;

height:400px;

}

#PopularPosts1 ul {

width:240px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#PopularPosts1 li {

 width:228px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:80px;

overflow: hidden;

background:#fff url(https://lh4.googleusercontent.com/-E5k96_w87kM/TkTcUKOrr3I/AAAAAAAAULs/32mz4VySxMI/bg.png) repeat-x;

//Immagine di sfondo con gradiente

border:1px solid #ccccc;

//colore del bordo

}

#PopularPosts1 li .item-title {

    color:#94989A; //colore del titolo

    font-size:1em;

    margin-bottom:0.5em;

}

#PopularPosts1 li .item-title a {

 text-decoration:none;

color:#4B545B; //colore del link

font-size:11px;

height:18px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#PopularPosts1 li img {

 float:left;

margin-right:5px;

background:#FFFFFF;

border:0;

}

#PopularPosts1 li .item-snippet {

  overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:10px;

color:#191919; //colore del riassunto

padding:0px 0px;

margin:0px 0px;

}

#PopularPosts1 .item-snippet a,

#PopularPosts1 .item-snippet a:visited {

    color:#112233; //colore del riassunto dei post visitati

    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>

<noscript><a href='http://goo.gl/2yhm2' target='_blank'><span style='font-size: x-small;'>Popular Posts</span></a></noscript>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8">

$(function () {

    $('.popular-posts ul').simpleSpy();

});

(function ($) {

$.fn.simpleSpy = function (limit, interval) {

    limit = limit || 4;

    interval = interval || 4000;

    return this.each(function () {

        var $list = $(this),

            items = [],

            currentItem = limit,

            total = 0,

            height = $list.find('> li:first').height();

        $list.find('> li').each(function () {

            items.push('<li>' + $(this).html() + '</li>');

        });

        total = items.length;

        $list.wrap('<div class="spyWrapper" />').parent().css({ height : height * 5 });

        $list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();

        function spy() {

            var $insert = $(items[currentItem]).css({

                height : 0,

                opacity : 0,

                display : 'none'

            }).prependTo($list);

            $list.find('> li:last').animate({ opacity : 0}, 1000, function () {

                $insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);

                    $(this).remove();

            });

            currentItem++;

            if (currentItem >= total) {

                currentItem = 0;

            }

            setTimeout(spy, interval)

        }

        spy();

    });

};

})(jQuery);

</script>