Stylish Popular Post Widget with 3D Effect for Blogger

Stylish Popular Post Widget with 3D Effect for Blogger                                                                         

Hi guys,DO you Want to add stylish popular post for blogger. So this post is for you. Today I share 3D effect popular post widget. To add 3D effect popular post widget follow below steps:-

Live DEMO

1. Login to your Blogger account.

2. Click on Dashboard >> Layout.

3. Click on Add a Gadget and Choose Popular Posts (If you already have this gadget skip this step)

4. After adding Popular Post Gadget Add a Gadget again Select HTML/Javascript widget.

5. Paste the following code and Save.

<style type="text/css">
.cube { width: 300px; height: 400px;}
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="https://sr-site.googlecode.com/files/sr-site-image.js" type="text/javascript"></script>
<script charset="utf-8" type="text/javascript">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script>
<script src="https://sr-site.googlecode.com/files/popularpost.js" type="text/javascript"></script>

6. You are done. :)