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.
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
<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.
38 Responses to “The Magic of Popular Post for Blogger with 3D Cube”
Leave a Reply
keren banget mas abu…
şükran ya ehıy
This looks great Admin. I would like to add this on my blog. Thanks
thanks buddy
it looks awesome
worked on mine thanks again..
Thank you very much for this…
it is very nice…
Thanks ..
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.
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
I have done it check live here http://www.canadagoosewebstore.com
thanks for the post!
It’s not working in my blog.
mohsinsms.blogspot.com
very cool !!
Olmuyor gözükmüyor.
olmadıysa yardımcı olayım …
not working frnds…
http://mediafirerockz.blogspot.com/p/index.html
its working few days….than failed
I can’t open your blog to see the script
Cool widget… :)
But Take too much loadtime :(
Many Thanks for this :)
not working on 7rangoli.com
use only one type of my popular posts widget
sir,
i used only one type but still not displaying cube. please check my site’s source code if any problem.
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.
gyah…ni semua variety jQuery full stylish langsung di aplikasikan buat blogspot…
Masya Alloh, Subhanalloh…
thank you brother,,,your widget popular post with 3D cube has been worked in my website. thank you…:)
really nice widget.
i ya donk
wew, nice post
working fine and thank abu for again making superb post
fiav.blogspot.com
Terima kasih Abu farhan…
visite http://starmovies21.blogspot.com
jika ingin download film gratis
thanks………..
visite my blog in
” http://starmovies21.blogspot.com “
I have done it check live here http://pshpics.blogspot.com
thanks for the post!
Iam Used This On building Of http://www.techwales.com Its
Very Usefull
[...] 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ê [...]
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 !
Thank you abu your good job
3d cube no working and not show my blog help mee…
You have <br> when ypu paste in your gadget
wiiii.. cool . .
Very cool innovation here..
Ramadhan kareem, Mas Abu..
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
We really miss the old Abu Farhan :(