Sous forme de publicité un peu comme google adsense, je m'explique pour commencer il vous faut une plate-forme d'affiliation je vous propose de découvrir les régies 1Tpe ou bien ClickBank qui ne propose que des produits téléchargeables genre ebooks, logiciels etc..., vous pouvez bien sûr faire la promotion de tous autres services regardez ci-dessous je ne vends rien mais, je suis payé à chaque fois que quelqu'un s'inscrit à leur service. Ensuite il vous suffit de promouvoir les produits ou les services qui se rapprochent le plus à la thématique de votre site avec le style de pub que je vous propose, avec cette méthode vous êtes sûre que vos annonces sont pertinentes aux yeux de vos visiteurs et peut vous rapporter bien plus que quelques centimes.
Exemple n°1:
Exemple n°2:
Exemple n°3:
PS: Si vous voulez récupérer les images c'est (clic droit/enregistrer l'image sous...) mais, je pense que vous pouvez faire mieux que ça avec le logiciel PhotoFiltre.
la partie xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" > <head> <title> Mes pubs </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="design" href="jolie_fiche.css" /> </head> <body> <div id="mes_pubs"> <!--l'ensemble du bloc mes_pubs--> <div class="fermer_la_pub"> <!--Une option qui permet de fermer la pub si celle-ci gêne votre visiteur--> <a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'> <img src="images/close-pubs.jpg" style="border: none;" alt="fermer la pub" title="fermer la pub"/> </a> </div> <ul class="pubs1"> <!--premier bloc--> <li> <!--liste a puce--> <span class="titre"><a href="http://www.votre lien affilie">le texte du lien</a></span><br/> <span class="texte-de-pub">Une description courte de votre pub</span><br/> <span class="lien-de-pub">le texte du lien</span> </li> <!--fin de la liste à puce--> </ul> <!--fin du premier bloc--> <ul class="pubs2"> <!--bloc 2--> <li> <!--liste a puce--> <span class="titre"><a href="http://www.votre lien affilie">le texte du lien</a></span><br/> <span class="texte-de-pub">Une description courte de votre pub</span><br/> <span class="lien-de-pub">le texte du lien</span> </li> <!--fin de la liste à puce--> </ul> <!--fin du bloc 2--> <ul class="pubs3"> <!--bloc 3--> <li> <!--liste a puce--> <span class="titre"><a href="http://www.votre lien affilie">le texte du lien</a></span><br/> <span class="texte-de-pub">Une description courte de votre pub</span><br/> <span class="lien-de-pub">le texte du lien</span> </li> <!--fin de la liste à puce--> </ul> <!--fin du bloc 3--> <ul class="pubs4"> <!--bloc 4--> <li> <!--liste a puce--> <span class="titre"><a href="http://www.votre lien affilie">le texte du lien</a></span><br/> <span class="texte-de-pub">Une description courte de votre pub</span><br/> <span class="lien-de-pub">le texte du lien</span> </li> <!--fin de la liste à puce--> </ul> <!--fin du bloc 4--> </div> <!--fin du bloc mes_pubs--> </body> </html>
la partie css:
/*le code css ci-dessous et le résultat de l'exemple n°1 pour l'exemple n°2 et n°3 vous devez changer la valeur de width du bloc
#mes_pubs pour le n°2 la valeur est à 560px et pour le n°3 à 260px */ #mes_pubs { width: 750px; /*La taille valeur fixe du bloc mes_pubs*/ height: 80px; /*La hauteur du bloc mes_pubs*/ background: white url("images/fond-des-pubs.png") no-repeat; /*L'image de fond doit correspondre aux valeurs que vous avez cités
ci-dessus (width et height)*/ } #mes_pubs ul { float: left; /*Alignement des blocs ul, supprimer cette ligne si vous voulez les voir alignés les un en dessous des autres*/ } .titre { font-size: 12px; /*Taille de la police*/ color: blue; /*Couleur de la police*/ text-decoration: underline; /*On souligne le titre*/ } .pubs1 , .pubs2 , .pubs3 , .pubs4 { list-style-type: none; /*On enlève la puce*/ width: 140px; /*On impose une taille fixe à nos blocs*/ /*Vous pouvez aussi réduire l'écart entre les blocs ul avec un margin-right: -10px; par exemple si vous avez un problème d'alignement*/ } .lien-de-pub { font-size: 9px; /*Taille de la police*/ color: green; /*Couleur de la police*/ } .text-de-pub { font-size: 11px; /*Taille de la police*/ color: #66665E; /*Couleur de la police*/ } .fermer_la_pub { float: right; /*On envoie l'image flotter à droite par défaut elle se trouve à gauche*/ margin-top: 5px; /*On décale l'image pour quelle ne colle pas au trop au bord*/ margin-right: 3px; /*On décale l'image pour quelle ne colle pas au trop au bord*/ }
Le code ci-dessus n'est pas compatible sur ie6 voici le code à ajouter entre les balises <head> et </head>
<!--[if IE 6]>
<style type="text/css">
.lien-de-pub{font-size: 8px;color: green;}
.texte-de-pub{font-size: 9px;color: #66665E;}
.pubs1 , .pubs2 , .pubs3 , .pubs4{list-style-type: none;width: 125px;}/*reduirez les blocs ul de quelques pixels pour ie6*/
</style>
<![endif]-->
Vous l'avez surement remarqué tout est modifiable à souhait sur ce code la taille l'image les couleurs etc...,vous pouvez aussi améliorer ce script avec un compteur de clic par exemple moi j'utilise ce script gratuit php click counter il est en anglais mais très simple à utiliser, voilà ce tutoriel est maintenant terminé, si vous avez besoin d'aide ou si vous trouvez une erreur utilisez notre support catégorie besoin d'aide.

Copyright © 2011-2012 Club-édition-ebooks.Tous droits réservés | mise à jour effectuer le 18/05/2012 | page générée en 0.004014 secondes à 04 h 29 mins