Posts
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.
