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

Abu Farhan

I'm an Owner of this blog and it's always been a passion of mine to write about Blogger. I like to make original script for blogger. I also run the awesome Website at The Best Lists.

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

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

  1. Kamran Ahmed says:

    Great post I like it.

  2. Sriwahyuni says:

    nice tips mas Farhan but i just need your script http://dl.getdropbox.com/u/708209/scriptabufarhan/popularpost/popularpostblogger-min.js for to put my code self, would you like to share it for me? i try to opened this script but not available,, please mas Farhan..

  3. Indignaldo says:

    Many thanks. It’s work an is very nice. Great site.

  4. Tarun says:

    Great widget, i will use this for sure because it attract readers.
    Thanks for sharing

  5. Thnks for you My MuslimBrother.

  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. Adnan güney says:

    Olmuyor gözükmüyor.

  8. utsav says:

    not working frnds…

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

    its working few days….than failed

  9. Abu Shaleh says:

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

    Many Thanks for this :)

  10. 7rangoli.com says:

    not working on 7rangoli.com

  11. Beben Koben says:

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

    Masya Alloh, Subhanalloh…

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

    fiav.blogspot.com

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

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

  15. sai says:

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

  16. [...] 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ê [...]

  17. Thank you abu your good job

  18. zahid says:

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

  19. MUXLIMO says:

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

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

  21. LeBlogger says:

    We really miss the old Abu Farhan :(

Leave a Reply


+ one = two

Dbestlists Dbestlists

Copyright 2009 - 2010  Choen