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:-


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%; }
<script src="" type="text/javascript"></script>
<script src="" type="text/javascript"></script>
<script charset="utf-8" type="text/javascript">
$(function () {
$('.popular-posts ul').abupopularcube();

<script src="" type="text/javascript"></script>

6. You are done.


  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!

    Varija Tripathi