Bismillah, Alhamdulillah

Skip to Content

The Magic of Popular Post for Blogger with 3D Cube

August 20th, 2011

Bismillah, Alhamdulillah. Last time I made Popular post for blogger with animation. Now I made Popular Post for Blogger with 3D Cube animation. This widget I made from Image Cube. You can see the result like this image bellow.


Demo

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
  • Done- your popular post now with animation

Explanation of Popular Post with Animation

<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 type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});

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

Don’t Copy This Post because this Original from my Blog (www.abu-farhan.com)
Please read Copyright of All post at the Footer.


Categories: Popular Post for Blogger

Tags: , , , ,

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or Comments RSS Feed

Donate towards my web hosting bill!

Trackback
Leave a response

38 Responses to “The Magic of Popular Post for Blogger with 3D Cube”

  1. binkbenk says:

    keren banget mas abu…

  2. Avşarbeyi says:

    şükran ya ehıy

  3. This looks great Admin. I would like to add this on my blog. Thanks

  4. Amin Shaikh says:

    thanks buddy
    it looks awesome
    worked on mine thanks again..

  5. dead0ly says:

    Thank you very much for this…
    it is very nice…

  6. Shred Pillai says:

    Hello Abu, As with your scripts which I tried several months back which conflicted with earlier versions of jquerry, this too doesn’t work even when I have loaded all three scripts from the BODY and style in CSS. It looks like the blogger widgets loads before the scripts are executed.

    You really have to find a way to get around the conflicts and download and speed issues for this to work . It is a brilliant one anyway.

    • Shred Pillai says:

      Hello Abu, Can you make it work with older versions of jquerry 1.4.2 or 1.5.2 both of which I call for other widgets. I guess the functions you use from the library aren’t much different and you have simply gone for the latest version of 1.6.1. I have loaded your scripts to the Head section but still it doesn’t work as the jquerry doesn’t get loaded I suppose. Blogger doesn’t allow jquerry in the HTML

      I guess if you try a bit hard and optimise your two scripts we can get it to work.
      Cheers
      Shred Pillai

  7. Jokwon says:

    I have done it check live here http://www.canadagoosewebstore.com
    thanks for the post!

  8. Faisal says:

    It’s not working in my blog.

    mohsinsms.blogspot.com

  9. Adnan güney says:

    Olmuyor gözükmüyor.

  10. utsav says:

    not working frnds…

    http://mediafirerockz.blogspot.com/p/index.html

    its working few days….than failed

  11. Abu Shaleh says:

    Cool widget… :)
    But Take too much loadtime :(

    Many Thanks for this :)

  12. 7rangoli.com says:

    not working on 7rangoli.com

  13. I’ve got study a handful of the articles on your website now, and I adore your style of writing a blog. I added it to my favorites site record and will also be checking back in the near future.

  14. Beben Koben says:

    gyah…ni semua variety jQuery full stylish langsung di aplikasikan buat blogspot…

    Masya Alloh, Subhanalloh…

  15. erikjson says:

    thank you brother,,,your widget popular post with 3D cube has been worked in my website. thank you…:)
    really nice widget.

  16. working fine and thank abu for again making superb post

    fiav.blogspot.com

  17. Terima kasih Abu farhan…
    visite http://starmovies21.blogspot.com
    jika ingin download film gratis

  18. thanks………..
    visite my blog in
    http://starmovies21.blogspot.com

  19. I have done it check live here http://pshpics.blogspot.com
    thanks for the post!

  20. sai says:

    Iam Used This On building Of http://www.techwales.com Its
    Very Usefull

  21. [...] o de Postagens Populares. Configure-o e instale na barra lateral de seu blog.Depois, entre no blog Abu Farhan, copie o código e insira noutro gadget. Desta vez em HTML/JavaScript e Salve.Logo em seguida você [...]

  22. Assalamu Alaykum,

    i am new to this blogging thing, i am setting up my new blog related to blogger tricks, and blogger templates,
    I needed some where to start, then i thought why not convert some wordpress themes to blogger,
    so i am thinking about converting this new theme of your blog for blogger with Your Permission.

    so if you allow me !

  23. Thank you abu your good job

  24. zahid says:

    3d cube no working and not show my blog help mee…

  25. MUXLIMO says:

    Very cool innovation here..
    Ramadhan kareem, Mas Abu..

  26. muhammed says:

    Demo looks great but doesn’t work in mine

    could there be any conflict with a slider menu script I have at the same blogger blog,

    if so how can I name the script differently so that they work on the same blog

    thank you and god bless you

  27. LeBlogger says:

    We really miss the old Abu Farhan :(

Leave a Reply

Copyright 2009 - 2010  Choen