Stylish Popular Post Widget with 3D Effect for Blogger

Want to add stylish popular post for blogger. So this post is for you. Today I share 3D effect popular post widget. I have posted moving popular post widget before. 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.

1 comments:

  1. Hello,

    Wow nice article.This article are really helpful for me and all bloggers.I love to see some other post from your side. I will share this useful post with my all followers.

    Thanks for sharing this great post with us:)

    Have a good day!

    Regards,
    Varija Tripathi

    ReplyDelete