Affichez vos Ads avec jQuery

January 22, 2009

Submitted by: Fahdos

Category: Web & Design

1,477 views

jQuery, la bibliothèque Javascript libre que tous les webmasters connaissent,  ne cesse de m’impressionner par la varieté, l’efficaciter et la simplicité de ses plugins, d’ailleurs, j’étais vraiment pas surpris de savoir que Google, Wordpress, Drupal, Mozilla et d’autres l’utilisent.

Sans Transition, dans se petit tutoriel je vais vous montrer comment afficher plusieurs bannière publicitaire dans le même content ( même <Div> quoi! )

Exemple:


Pour cela, on va avoir besoin de ce plugin Innerfade, tout est expliqué sur la home page, mais pour vous faciliter la tache voila des ptits ligne de code que vous allez avoir besoin.

d’abord faut faire appel à la bibliothèque jQuery + jquery.innerfade.js

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/jquery.innerfade.js"></script>
<script type="text/javascript">
	   $(document).ready(
				function(){						
			$('.adspost').innerfade({
						speed: 1000,
						timeout: 10000,
						type: 'sequence',
						containerheight: '60px'
					});	
				});
</script>

pas la peine de dire qu’il faut ajouter ça avant </head> ( je sais que vous êtes assez intelligent pour l savoir ;) )

Comment vous l’avez remarqué ça ne fonctionnera que sur les “objets” avec une class=”adspost” ( bon, adspost c’est ce que j’utilise pour mon Demo donc faites pas trop attention :D )

C’est presque fini, maintenant faut juste placez vos codes comme ci-dessous

<div class="adspost">
<div>
### 1er Code Adsense ###
</div>
<div>
### 2eme Code d'autre Régie ###
</div>
</div>

Allez, bon App avec jQuery et à bientôt :D

If you liked this, please share it at your favorite sites:
  • Digg
  • Reddit
  • del.icio.us
  • Wikio
  • Facebook
  • Google
  • Technorati
  • TwitThis
  • MySpace
  • N4G
  • NewsVine
  • StumbleUpon
  • BlogMemes
  • Blogsvine
  • blogtercimlap
  • DotNetKicks
  • eKudos
  • Faves
  • Fleck
  • Scoopeo
  • Socialogs
  • Upnews
  • Yigg
  • E-mail this story to a friend!
  • Mixx

12 Responses :D Pretty Cool

  • c’est trop barbare pour moi !!!
    merci pour l’inforamtion pour ceux et celles qui peuvent trouvé réponse ici :)

  • y a pas d quoi :D faut partager notre savoir faire :up:

  • @ Fahdos : hier soir j’ai fais la connaissance d’une fille qui m’a aider a faire marcher mon filezilla ; placer de nouveaux thèmes ; mettre des plu gins :) l’apprentissage est une question de vie :)

    Une Geekette m’a fait changé l’idée selon laquelle les filles ne savent rien de l’informatique :p

  • Coool.
    BTW j préfère utiliser FireFtp ( extension de firefox ) pour me connecter à mon FTP

  • Je viens d’installer FireFtp, il est bien mais c’est pas le meilleur client pour commencer l’FTP :)

  • Est ce que tu connais une pub (qui paye bien) que je pourrais mettre sur mon blog en tant que bannière (pour mettre en pratique ce que j’ai appris avant de dormir moi bête cette nuit)?? :kiss:

  • possible :) , mais moi j te trouve trop facile + free, j’ai déjà essayé CuteFtp ( trop volumineux + faut l’acheter ) après j’ai testé FireZila ( comparé a FireFtp c’est trop compliqué )

  • pour répondre a ta question, y a pas mieux que l’adsense, si non y a promobenef , clickintext, advertstream …

  • @Dos: bizarre qu’un geek comme toi trouve fileZilla complexe :x

    j’allais dire qu’avec fireFtp, tu peux te connecter qu’avec un simple ftp qu’est non securisé si tu l’utilises depuis un réseau local 8O
    mais pour ne pas dire une connerie surtout que ça fait un bail que je l’ai pas installé, une rapide recherche sur le site de firefox m’annonce qu’une mise a jour de fireFtp supporte finalement le SFTP… finalement :)

  • j’aime pas installé des soft que j vais utiliser que 10% diyal c qui peuvent faire, d’ailleurs j’ai trouvé FireZilla complexe comparé a FireFtp.

  • a wedi rah FileZilla = FireFtp en terme de fonctionnalités, je vois pas ou est la complexité ds FileZilla :!:

  • D’accord avec “The Daily REMT” j’utilise FileZilla et je trouve qu’il n’a rien de complexe 8O

Leave a Reply

:D :) :cry: :( 8O :twisted: :!: :vangry: :XO: :up: ;) :mrgreen: :halo: :kiss: :roll: :? 8) :evil: :oops: :| :?: :x :$: