Magazine

Installer un konami code sur son blog (toute plate-forme, blogger inclu)

Publié le 31 août 2009 par Mister Air

konami-code 

Ce code-là ne nous vient pas tout droit de Da Vinci, mais des développeurs de jeux. Célèbre combinaison de touches  “↑ ↑ ↓ ↓ ← → ← → B A”, elle est employée sur de nombreux sites, et peut-être bientôt sur le votre grâce à un morceau de code…

Lire la suite 

   Loin d’être un code secret, est une véritable institution dans le développement web. De nombreux sites on un Konami code, et de la à vouloir essayer la formule magique sur tout les sites visités il n’y a qu’un pas…

Ce que vais vous proposer c’est d’installer d’en installer un sur votre site dirigeant vers une URL de votre choix simplement en installant un petit bout de script dans votre code.

if ( window.addEventListener ) { 

  var state = 0, konami = [38,38,40,40,37,39,37,39,66,65]; 

window.addEventListener("keydown", function(e) { 

   if ( e.keyCode == konami[state] ) state++; 

   else state = 0; 

   if ( state == 10 ) 

window.location = "http://example.com"; 

   }, true); 

Pour ceux utilisant la plate-forme Blogger comme moi, il suffit d’insérer le code ci-dessous juste après la balise <head> de votre modèle:

<script type='text/javascript'>
(function () {
if ( window.addEventListener ) {
  var state = 0, konami = [38,38,40,40,37,39,37,39,66,65];  
  window.addEventListener(&quot;keydown&quot;, function(e) {
   if ( e.keyCode == konami[state] ) state++;
   else state = 0;
   if ( state == 10 )
   window.location =
&quot;http://exemple.com&quot;;
   }, true);
   }
   }());
</script>

À vous après de laisser parler votre créativité auprès de vos aventureux visiteurs qui ont saisis LE code sur votre site.

Si vous voulez quelques exemples de Konami code, il y a le connu effets “lens flare” de Facebook, mais aussi pleins d’autre à découvrir sur le site KonamiCodeSites.com qui vous demandera un certain code pour rentrer…

Voici mon top 10 des Kon-amis les plus amusants:

01. BlueWorld
snap_5

02. Buysellads
snap_2

03. Netblog
snap_3

04. UI Designer & Coder
snap_8

05. Google Reader
snap_4

06. My NameIse
snap_9

07. Elliott Kember
snap_11

08. Creative CloseUp
snap_12

09. Web Notes
snap_6

10. Voccine
snap_10

Via –>  www.instantshift.com

Weblog multithématique traitant du Design, des Technologies, de la Photo, ainsi que de la musique heavy metal.

Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

A propos de l’auteur


Mister Air 16 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte