The Magic of Popular Post for Blogger with 3D Cube

This script very easy to install, you only have to put the script to the new Gadget.

You can see the result like this image bellow.

1.Login to Blogger Dashboard and navigate to Design – Page Elements
2.Click “Add Gadget” and Choose “Popular Posts”(If you already have this gadget skip this step)
3.After you have Popular Post Gadget “Add Gadget” again and select “HTML/Javascript”
4.Put all script bellow to the “Content” of HTML/Javascript Gadget
5.Done- your popular post now with animation

<style type="text/css">

.cube { width: 200px; height: 200px;}

a img { border: none; }

#linksCube img { width: 100%; height: 100%; }

</style>

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

<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>

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

$(function () {

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

});

</script>

<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>

Don’t Copy This Post because this Original from my Blog.


Enjoy !