Website Shake | Make any Website Dance with Harlem Shake



Harlem Shake is just another one of those dance craze that's quickly making a next phenomenon in the internet like the infamous PSY Gangnam Style. And for today i will share to you a very awesome trick to make any website on your web browser to dance with the harlem shake sound. It is a java script that plays a sound and makes some images on a website to shake. You can do this on any website, and also on any web browser as long as you are connected to the internet. I tried it first on my Facebook page and it was really cool!




It is so much fun because the shaking of images blends very well with the music and just like harlem shake videos of people dancing, for the first seconds of the music, only one image will shake, and then many others will follow too later. 

You surely do not want to miss this!



So here's how to do it:

1. Copy this code, don't worry i tested it myself so it's safe:

(function(){function c(){var e=document.createElement("link");e.setAttribute("type","text/css");e.setAttribute("rel","stylesheet");e.setAttribute("href",f);e.setAttribute("class",l);document.body.appendChild(e)}function h(){var e=document.getElementsByClassName(l);for(var t=0;t<e.length;t++){document.body.removeChild(e[t])}}function p(){var e=document.createElement("div");e.setAttribute("class",a);document.body.appendChild(e);setTimeout(function(){document.body.removeChild(e)},100)}function d(e){return{height:e.offsetHeight,width:e.offsetWidth}}function v(i){var s=d(i);return s.height>e&&s.height<n&&s.width>t&&s.width<r}function m(e){var t=e;var n=0;while(!!t){n+=t.offsetTop;t=t.offsetParent}return n}function g(){var e=document.documentElement;if(!!window.innerWidth){return window.innerHeight}else if(e&&!isNaN(e.clientHeight)){return e.clientHeight}return 0}function y(){if(window.pageYOffset){return window.pageYOffset}return Math.max(document.documentElement.scrollTop,document.body.scrollTop)}function E(e){var t=m(e);return t>=w&&t<=b+w}function S(){var e=document.createElement("audio");e.setAttribute("class",l);e.src=i;e.loop=false;e.addEventListener("canplay",function(){setTimeout(function(){x(k)},500);setTimeout(function(){N();p();for(var e=0;e<O.length;e++){T(O[e])}},15500)},true);e.addEventListener("ended",function(){N();h()},true);e.innerHTML=" <p>If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.</p> <p>";document.body.appendChild(e);e.play()}function x(e){e.className+=" "+s+" "+o}function T(e){e.className+=" "+s+" "+u[Math.floor(Math.random()*u.length)]}function N(){var e=document.getElementsByClassName(s);var t=new RegExp("\\b"+s+"\\b");for(var n=0;n<e.length;){e[n].className=e[n].className.replace(t,"")}}var e=30;var t=30;var n=350;var r=350;var i="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3";var s="mw-harlem_shake_me";var o="im_first";var u=["im_drunk","im_baked","im_trippin","im_blown"];var a="mw-strobe_light";var f="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake-style.css";var l="mw_added_css";var b=g();var w=y();var C=document.getElementsByTagName("*");var k=null;for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){if(E(A)){k=A;break}}}if(A===null){console.warn("Could not find a node of the right size. Please try a different page.");return}c();S();var O=[];for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){O.push(A)}}})()

2. Press CTR + SHIFT + J or F12 on your web browser.

3. Paste the copied code on the small window that will appear below the screen.

4. Press ENTER and that's it!, you can now close the small window below the screen and enjoy the show. 

If it won't stop shaking just press F5.

For more fun try it on other websites!

Did you like this post? Kindly Share:



ALTECHZONe
About Author
I'm Alison Alimambo, owner and manager of this blog, an online entrepreneur, blogger, graphic artist, and software developer. Connect with me on Google+ and Facebook.
...read more

The design and all the contents of this site are copyrighted and licensed to me. Except for product images, logo and registered names which belong to their rightful owners., If you want to republish it in any website or blog please give proper credits to the original author.

0 comments:

Post a Comment

Official Fan Page

Add me on Google+