Overblog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Intégrer des jeux Flash à son blog ou site Web

26 Juillet 2008 , Rédigé par Jean Michel Publié dans #Astuces pour votre blog




Le site
SVM
(source article) va vous apprendre à insérer des petits jeux en Flash au sein de votre site Web personnel ou votre blog. Ainsi, vous pourrez fidéliser vos visiteurs de façon ludique et, en plus, tout cela est gratuit !








1 Comment ça marche

Le but n’est pas ici de vous apprendre à programmer un jeu en Flash (une gageure, en une page…). Il s’agit plutôt d’insérer de manière légale et gratuite un jeu dans une page de votre site. Le Web regorge de sites qui hébergent des jeux en Flash (sites souvent tapageurs et avec beaucoup de publicité). Nous allons donc cibler ceux qui proposent d’externaliser leurs jeux aux webmestres. La méthode générale est simple : d’abord rechercher les bons sites qui proposent des jeux en Flash, puis trouver éventuellement la page dévolue aux webmestres qui explique la démarche. Ensuite, il suffit de se rendre sur la page du jeu qui nous intéresse et de copier le code HTML mis en exergue. Enfin, nous ouvrirons dans un éditeur Web la page de votre site, et collerons le code au bon endroit avant d’envoyer le tout par FTP. Voyons ici deux exemples concrets.

2 Méthode 1 : les IFrames


Jeux-1.com a choisi la méthode IFrame pour externaliser ses jeux. Rendez-vous sur le site www.jeux-1.com. Choisissez une catégorie, puis un jeu. Copiez alors le code HTML qui apparaît en bas de page.
Collez le code dans la page désirée de votre site dans l’espace dédié. Vous n’avez plus qu’à renvoyer cette page sur votre site Web et le tour est joué.

Simple. Cependant, nous pouvons améliorer le code : la balise <iframe> est en fait un cadre qui ouvre un autre site (celui de jeux-1.com en l’occurrence). Il est possible de changer ces paramètres. Dans la première partie de la balise (<iframe >), vous pouvez changer ou joindre du code supplémentaire. Par exemple, ajoutez frameborder="1" pour délimiter, au moyen d’une bordure, le jeu en Flash. Vous pouvez aussi changer la largeur (width) et la longueur (height) exprimées en pixels ou pourcentages en vous inspirant du code qui suit :

<iframe frameborder=“1” src=“http://www.jeux-1.com/iframe .php? id_page=red-beard” width=“500” height=“50 %” </iframe>

N’effacez pas le code entre les balises <noscript>. Ce service étant gratuit, la moindre des choses est donc de laisser le lien vers le site source, sinon vous ne respectez pas les clauses de l’accord.˲

 

3 Méthode 2 : la balise object


Jeux-Flash-Gratuits.biz a, quant à lui, choisi la méthode object pour externaliser ses jeux. Rendez-vous sur le site www.jeux-flash-gratuits.biz et, comme précédemment, choisissez une catégorie et un jeu. Copiez le code object, situé juste au-dessus de la fenêtre du jeu, et placez-le sur votre site.
Ici encore, vous pourrez modifier ce bout de code HTML. La balise <object> charge le jeu dans votre page. Seule la source du fichier Flash en “swf” vient du site Jeu-Flash-Gratuits.
biz. Dans la première partie de la balise, vous pouvez tenter de modifier la largeur et la hauteur pour caler le jeu dans votre site :

<object width=“500” height=“400”>

Si vous changez cette information, n’oubliez pas de la répéter dans la balise <embed> :

<embed src=“http://www.jeux-flash-gratuits.biz/games/alpine-escape.swf” width=“500” height=“400”></embed>

Même si seule la partie entre les balises “object” est importante, n’oubliez pas de laisser les liens vers le site source pour le service rendu.

 

Menez le jeux !

Si vous désirez posséder légalement les fichiers et les héberger, c’est un peu plus compliqué de trouver de la matière. Néanmoins, le site anglais www.gamesheep.com permet de télécharger le code et le fichier Flash (.swf), vous êtes ainsi complètement libre d’en disposer. Cerise sur le gâteau, ce site propose des cours complets pour apprendre à programmer des jeux en Flash.






Publicité

Partager cet article

Commenter cet article

J
many thanks for you
Répondre
Y
merci pour ce tuto qui va aider beaucoup de gens
Répondre
G
Bonjour jean-michel,je suis tombé par hasard sur cet article.il y a longtemps que je voulais installer un petit jeu comme ceux que tu nous présente ici.perso, j'aimerais que se soit dans un module de droite ou de gauche mais vu la largeur là ça va pas le faire ou alors dan un autre texte libre comme maintenant nous en avons en plus ce qui est pratrique lol !!! là par contre je peux le faire dans la colonne centale et dessous le module qui reste present la unemais moins discret et j'adore tous ses petits jeux je suis passionné de jeu ce que j'aime les jeux de role comme dungeon siege et en reseau chez soi "pas sur le net" c'est génial des heures passionnante . bon, je reviens au sujet que me conseille tu!!! pour l'installation d'un petit jeu.je te remercie de ton passage et le tiramisu c'est trés bon .Je te souhaite un trés bon dimanche surtout et merci pour tous ses articles qui sont enrichissant et certaine chose qu'on ne sait pas toujours et qui ont une trés grande importance .gros bisous Guilaine.
Répondre