The Great Popular Posts With 3D Cube Animation

I previously said that this widget is great, I think so, hopefully as well as for you. With this widget loading my homepage seems to be lighter and more efficient, and not much need of a place or space. A brilliant innovation.

This widget I adopted from the work of our blogger friends Abu Farhan and hopefully you be willing to pages linked his site.

Below I wrote down how to make it.

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

• Login to Blogger Dashboard and navigate to Design – Page Elements
• Click “Add Gadget” and Choose “Popular Posts”(If you already have this gadget skip this step)
• After you have Popular Post Gadget “Add Gadget” again and select “HTML/Javascript”
• Put all script bellow to the “Content” of HTML/Javascript Gadget

<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 src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js" type="text/javascript">

</script>

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

$(function () {

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

});

</script>

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

</script>

• Done- your popular post now with animation

Good luck, hope you like it and useful for your web page.

Do you Like this Post ?

Get Free Email Updates Daily!	Follow us!

Posted in: 3D Cube,Javascript,Trick