Harlem Shake
Evet arkadaşlar kendi web sitem olan serkanturkel.net'in sağ alt kısmında görüldüğü gibi web sitelerine Harlem Shake yapmak istiyorsanız hsmaker.com dan yapabiliyorsunuz.
Ancak bu sitedeki gibi kendi sitenize Harlem Shake butonu eklemek isterseniz aşağıdaki kodu ve butonu sitenize yerleştirebilirsiniz.
Ancak bu sitedeki gibi kendi sitenize Harlem Shake butonu eklemek isterseniz aşağıdaki kodu ve butonu sitenize yerleştirebilirsiniz.
Harlem Shake kodu:
<script type="text/javascript">
function fuubharlemshake() {
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[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)}}})()
}
</script>
Aşağıdaki buton:
<p style="text-align:center;display:block;margin:auto;">
<input type="button" style="cursor:pointer;color:white;background-color:#f36721;font-weight:bold;display:block;border-radius:3px;border:2px solid #a53d09;text-shadow:0 1px 1px #752b06;font-size: 16px;overflow:hidden;padding:10px;-webkit-user-select:none;text-decoration:none;text-transform:uppercase;text-align:center;margin:auto;display:block;" onclick="fuubharlemshake();" value="HARLEM SHAKE" />
</p>
Yorum Gönder