How to Make Websites Do the Harlem Shake

Step-by-Step Guide

1. 1

   Step 1: Go to the site you want it to do the Harlem Shake on Google Chrome.

   Ignore warning signs, this is just a joke be sure that your not violating the sites privacy policy., It's very long- make sure you select it all before you copy.
   
   Then hit ↵ Enter javascript:(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)}}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)}},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}function N(){var e=document.getElementsByClassName(s);var t=new RegExp("\\b"+s+"\\b");for(var n=0;n<e.length;){e.className=e.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=;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;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=;if(v(A)){O.push(A)}}})()
2. 2

   Step 2: Press F12 or Right click > Inspect or Ctrl+⇧ Shift+i

3. 3

   Step 3: Go to  the Console tab.

4. 4

   Step 4: Paste in this command.

Detailed Guide

About the Author