Comment faire une redirection HTML

Guy Linier — Tue, 20 Mar 2012 07:40:03 +0000

Vous cherchez des informations sur WordPress ?

Vous avez besoin d’apprendre à utiliser WordPress ?

Vous êtes perdus pour installer un nouveau thème WordPress ?

Vous voulez connaitre les meilleurs plugins WordPress ?

CODE BLOGUEUR est là pour vous aider !

Que ce soit pour installer votre site, pour le modifier, pour l’améliorer …

De plus, vous allez apprendre à monétiser votre blog avec les meilleures techniques connues à ce jour.

Que ce soit un blog sur les animaux, sur la photo ou la vidéo, sur votre passion ou même sur votre activité professionnelle, vous avez besoin de maitriser la technique pour fournir un blog professionnel à la pointe.

Toutes les informations contenues dans le blog de CODE BLOGUEUR sont accessibles gratuitement, si vous souhaitez aller plus loin et vous construire un vrai business sur internet, rejoignez les membres de CODE BLOGUEUR et votre activité va décoller.

Il arrive fréquemment que vous ayez besoin de faire une redirection html pour rediriger vos visiteurs vers une autre adresse.

Par exemple, vous avez refait votre site et vous souhaitez que votre nom de domaine soit redirigé vers ce nouveau site.

Pour faire une redirection html / php , il faut d’abord comprendre comment se comporte votre navigateur internet.

Quand vous tapez une adresse url dans votre navigateur, vous écrivez par exemple codeblogueur.com . Dans ce cas, votre navigateur interprète votre adresse url de la façon suivante : http://codeblogueur.com/index.html . En fait, il ajoute index.html à la fin de votre url. Le navigateur va vérifier si ce fichier index.html existe et si c’est le cas, il va l’afficher . S’il ne trouve pas ce fichier index.html, il va rechercher index.php . Notez bien que le navigateur vérifie d’abord la présence du fichier index.html et ensuite il vérifie la présence du fichier index.php . L’ordre est important pour la suite …

Il faut savoir également que si vous utilisez WordPress, c’est un fichier index.php qui est présent sur votre hébergement.

L’astuce consiste donc à ajouter un fichier index.html pour effectuer une redirection. Si vous avez déjà un index.html , il suffira de le renommer l’ancien fichier « index.html » par exemple « index.html-« pour éviter de le détruire (et pour pouvoir revenir à l’ancienne configuration par exemple …)

Venons-en maintenant à notre redirection HTML . Voici ce que doit contenir votre fichier index.html

Redirection en htm

content= »3; URL=http://www.votrenouveausite.com« >

Redirection dans 3 secondes.

–> Cliquez ici pour télécharger le fichier index.html zippé

Quelques explications sur les lignes de commande principales :

La ligne est en fait un titre qui va s’afficher tout en haut de la fenêtre de votre navigateur</strong></span></p> <p><span style="color: #0000ff;"><strong>La liste <meta http-equiv …. contient 2 informations importantes</strong></span></p> <p style="padding-left: 30px;"><span style="color: #00ccff;"><strong>content= »3</strong></span> détermine le nombre de secondes avant de rediriger votre visiteur</p> <p style="padding-left: 30px;"><strong><span style="color: #3366ff;">URL=http://www.votrenouveausite.com</span></strong> détermine l’url du site où va être redirigé votre visiteur</p> <p>La ligne <span style="color: #008000;"><strong>Redirection dans 3 secondes.</strong></span> est le texte qui va s’afficher pendant les 3 secondes …</p> <p>Vous pouvez donc modifier ces paramètres comme bon vous semble mais ne touchez pas au reste du code !</p> <p>Ce fichier doit obligatoirement être renommé index.html et doit être placé à la racine de votre site.</p> </article> <article> <h1>Gestion des Menus sous WordPress</h1> <p>Guy Linier — Fri, 16 Mar 2012 11:38:58 +0000</p> <p><span style="font-size: large; font-family: impact, chicago;">Vous cherchez des informations sur WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous avez besoin d’apprendre à utiliser WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous êtes perdus pour installer un nouveau thème WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous voulez connaitre les meilleurs plugins WordPress ?</span></p> <p> </p> <p> </p> <p><strong>CODE BLOGUEUR est là pour vous aider !</strong></p> <p>Que ce soit pour installer votre site, pour le modifier, pour l’améliorer …</p> <p>De plus, vous allez apprendre à monétiser votre blog avec les meilleures techniques connues à ce jour.</p> <p>Que ce soit un blog sur les animaux, sur la photo ou la vidéo, sur votre passion ou même sur votre activité professionnelle, vous avez besoin de maitriser la technique pour fournir un blog professionnel à la pointe.</p> <p>Toutes les informations contenues dans le blog de <strong>CODE BLOGUEUR</strong> sont accessibles <span style="color: #ff0000;"><strong>gratuitement</strong></span>, si vous souhaitez aller plus loin et vous construire un vrai business sur internet, rejoignez les membres de <strong>CODE BLOGUEUR</strong> et votre activité va décoller.</p> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="business" value="lgfdiffusion@free.fr" /> <input type="hidden" name="cmd" value="_xclick-subscriptions" />  <input type="hidden" name="notify_url" value="http://codeblogueur.com/?s2member_paypal_notify=1" /> <input type="hidden" name="cancel_return" value="http://codeblogueur.com/" /> <input type="hidden" name="return" value="http://codeblogueur.com/?s2member_paypal_return=1&s2member_paypal_return_tra=fnIyOjFOSEwxaDJBTWh4Y0dOdGhMSWlVSFFRbXhXYUtZak1LOjJhNWIwYzMxMDFkMjZhY2Y4ZmFkZWU1MjdjNjljNWIzfFw0WB9dHSzte_rURae08sEJvPKi-Z3HXWOa0uYzxOFMwCfETj4YVNYlNm3qGmefT7LaYijlbhb147-UCPp-mH562o7W1-5ZKl6lOBfHggAs7vJlMXhgoK_uNBk8kldusICmZM12gPEQVkFMzGPxxKwo0S7lTmE5daa6r08SJubaK8EYofiJ-lG8gDxgbeOq57r2LWhawHgu50yGSuvHGp20AykAPsjeKpr97pSdFm7TG3qk4XjdTvEgni8xZ4A2EZww6b6vDc46JxzIRaL1CQVOnYrmm1F_HHeOT1euGHIHE3YulISz_PVntUXfVnB8swLjlbGyrXc6FCMlXXJgrwA2kzWD-W8UzRtICWz5a1vqFnCp_PVJJvEWdW532H66dQ" /> <input type="hidden" name="rm" value="2" />  <input type="hidden" name="lc" value="" /> <input type="hidden" name="no_shipping" value="1" /> <input type="hidden" name="no_note" value="1" /> <input type="hidden" name="custom" value="codeblogueur.com" /> <input type="hidden" name="currency_code" value="EUR" /> <input type="hidden" name="page_style" value="paypal" /> <input type="hidden" name="charset" value="utf-8" /> <input type="hidden" name="item_name" value="1.99 € pour 1 jour puis 7 € par mois" /> <input type="hidden" name="item_number" value="1" />  <input type="hidden" name="invoice" value="51980f544c9d8~54.234.67.55" />  <input type="hidden" name="on0" value="Originating Domain" /> <input type="hidden" name="os0" value="codeblogueur.com" />  <input type="hidden" name="on1" value="Customer IP Address" /> <input type="hidden" name="os1" value="54.234.67.55" />  <input type="hidden" name="modify" value="0" />   <input type="hidden" name="src" value="1" /> <input type="hidden" name="srt" value="" /> <input type="hidden" name="sra" value="1" /> <input type="hidden" name="a1" value="1.99" /> <input type="hidden" name="p1" value="1" /> <input type="hidden" name="t1" value="D" /> <input type="hidden" name="a3" value="7" /> <input type="hidden" name="p3" value="1" /> <input type="hidden" name="t3" value="M" />  <input type="image" src="http://codeblogueur.com/_images/accesimmediat.png" style="width:auto; height:auto; border:0;" alt="PayPal®" /> </form> <hr style="width: 800px;" width="800" /> <p> </p> <p>Pour qu’un site soit agréable à lire, il est important de proposer des menus pour naviguer dans les différentes pages du site.</p> <p>Pour ça, WordPress a prévu la possibilité de personnaliser le menu. En fonction du thème choisi, vous pouvez ajouter 1,2 voire plus de menus sur votre site.</p> <p>L’exemple est ce site qui contient 3 menus :</p> <ol> <li>Le Menu Haut</li> <li>Le Menu Principal</li> <li>Le Menu Bas</li> </ol> <p>Vous pouvez voir sur cette image l’emplacement de chacun de ces menus</p> <p style="text-align: center;"><a href="http://codeblogueur.com/wp-content/uploads/2012/03/grosmenu.jpg"></a></p> <p style="text-align: left;"><strong>Cette question a été posée par un membre de Code Blogueur :</strong></p> <h2 style="text-align: left;">Comment faire pour personnaliser les menus sous WordPress ?</h2> <p style="text-align: left;">J’ai répondu à Magali sous la forme d’une vidéo pour être le plus clair possible. Son site <strong><a href="http://redactionmag.com/seo" target="_blank">http://redactionmag.com</a></strong> est un site de rédaction d’articles pour vos sites internet. D’ailleurs, à ce sujet, vous pouvez contacter Magali et Catherine si vous souhaitez faire écrire vos articles.</p> <p style="text-align: left;">Voici donc l’explication en images :</p> <p style="text-align: center;"></p> <p> </p> </article> <article> <h1>Installer WordPress en local sur son PC avec Wamp</h1> <p>Guy Linier — Tue, 06 Mar 2012 18:03:58 +0000</p> <p><span style="font-size: large; font-family: impact, chicago;">Vous cherchez des informations sur WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous avez besoin d’apprendre à utiliser WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous êtes perdus pour installer un nouveau thème WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous voulez connaitre les meilleurs plugins WordPress ?</span></p> <p> </p> <p> </p> <p><strong>CODE BLOGUEUR est là pour vous aider !</strong></p> <p>Que ce soit pour installer votre site, pour le modifier, pour l’améliorer …</p> <p>De plus, vous allez apprendre à monétiser votre blog avec les meilleures techniques connues à ce jour.</p> <p>Que ce soit un blog sur les animaux, sur la photo ou la vidéo, sur votre passion ou même sur votre activité professionnelle, vous avez besoin de maitriser la technique pour fournir un blog professionnel à la pointe.</p> <p>Toutes les informations contenues dans le blog de <strong>CODE BLOGUEUR</strong> sont accessibles <span style="color: #ff0000;"><strong>gratuitement</strong></span>, si vous souhaitez aller plus loin et vous construire un vrai business sur internet, rejoignez les membres de <strong>CODE BLOGUEUR</strong> et votre activité va décoller.</p> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="business" value="lgfdiffusion@free.fr" /> <input type="hidden" name="cmd" value="_xclick-subscriptions" />  <input type="hidden" name="notify_url" value="http://codeblogueur.com/?s2member_paypal_notify=1" /> <input type="hidden" name="cancel_return" value="http://codeblogueur.com/" /> <input type="hidden" name="return" value="http://codeblogueur.com/?s2member_paypal_return=1&s2member_paypal_return_tra=fnIyOkY4bFJXaG9ERUtBRmVkdDAwZGdkOVRvYWdWSlJnRFVuOjdiNzhmNTMzZTY0MTE1ZmM4NzVlZjEzMTI0ZTkwMmVmfOQz1Of7myl1Uhp1Czs_6oP5DkGc5k7aKf6-v6rMoOcSxN74ejedq_8YckQydvdckmMytpWKj1vNYD-miBWV7F8iDd3WRmUf0Ap6mQjIRc9qSEx6GgNRaN-8AnhoO1rVaOFybvS00c2QhcnlAgfcsgTOK3c-EdMPSpFdBX0gbDZMUDAPFhKyXgzJNaJXWzbQaeCf6hw07sYTF_2cNkgKKOoXnYvvhDPBmzz5YrkajSFp_V66DO6JhmdhpwWnjD3NMCkDbb6DLHhOo08o1ATm_LnWW5YFvjJONnl44oQBbXgoVDR8KDRlnZYBW0y9LPJhmdH-QZQSBRE_6k7h_Xhy_8kw2sO_o2Cq8M9rmPWNgNO2AQ5Rtyk-6Gpj0nBzwy8Yrw" /> <input type="hidden" name="rm" value="2" />  <input type="hidden" name="lc" value="" /> <input type="hidden" name="no_shipping" value="1" /> <input type="hidden" name="no_note" value="1" /> <input type="hidden" name="custom" value="codeblogueur.com" /> <input type="hidden" name="currency_code" value="EUR" /> <input type="hidden" name="page_style" value="paypal" /> <input type="hidden" name="charset" value="utf-8" /> <input type="hidden" name="item_name" value="1.99 € pour 1 jour puis 7 € par mois" /> <input type="hidden" name="item_number" value="1" />  <input type="hidden" name="invoice" value="51980f5465081~54.234.67.55" />  <input type="hidden" name="on0" value="Originating Domain" /> <input type="hidden" name="os0" value="codeblogueur.com" />  <input type="hidden" name="on1" value="Customer IP Address" /> <input type="hidden" name="os1" value="54.234.67.55" />  <input type="hidden" name="modify" value="0" />   <input type="hidden" name="src" value="1" /> <input type="hidden" name="srt" value="" /> <input type="hidden" name="sra" value="1" /> <input type="hidden" name="a1" value="1.99" /> <input type="hidden" name="p1" value="1" /> <input type="hidden" name="t1" value="D" /> <input type="hidden" name="a3" value="7" /> <input type="hidden" name="p3" value="1" /> <input type="hidden" name="t3" value="M" />  <input type="image" src="http://codeblogueur.com/_images/accesimmediat.png" style="width:auto; height:auto; border:0;" alt="PayPal®" /> </form> <hr style="width: 800px;" width="800" /> <p> </p> <h1>Installer WordPress en local</h1> <p>Avant de <strong>mettre en ligne votre projet WordPress</strong>, il est utile de créer une <strong>maquette</strong> de wordpress en local . Et pour cela, je ne peux que vous conseiller un logiciel gratuit qui va vous permettre d’<strong>installer wordpress en local c’est « Wamp » </strong>. Mais avant de vous lancer dans cette aventure, il va falloir suivre ces instructions …</p> <h2>Installer Wamp sur votre ordinateur</h2> <p>Tout d’abord, quelques explications. Pourquoi installer wordpress en local ? Plusieurs réponses :</p> <ol> <li>Vous allez pouvoir tester sans modération tous les plugins, thèmes et extensions sans aucun soucis.</li> <li>Votre installation WordPress sera très rapide, seulement bridée par la puissance de votre ordinateur.</li> <li>Vous n’avez pas le soucis de protéger votre site car il n’est pas en ligne et donc inaccessible.</li> <li>Avouez que tous ces avantages méritent bien cet article.</li> </ol> <p>Bon passons aux choses sérieuses !</p> <p>Tout d’abord, vous devez <strong>télécharger Wamp</strong>, pour ça, faites une recherche sur votre moteur de recherche :</p> <p style="text-align: center;"></p> <p style="text-align: center;"></p> <p>Vous cliquez sur <strong>TELECHARGER</strong></p> <p style="text-align: center;"></p> <p>Et ensuite sur la version qui vous convient, <strong>32 bits ou 64 bits</strong>, c’est votre version de Windows …</p> <p><em>(Si vous ne savez pas comment faire pour trouver la version de votre windows : faites un clic droit sur l’icone Poste de Travail et ensuite Propriétés. Vous avez un écran qui vous dit quelle version de Windows vous avez. S’il n’est pas écrit 32 bits ou 64 bits, c’est que vous avez la version 32 bits. Sinon, c’est marqué 64 bits …)</em></p> <p>Dès que vous avez cliqué sur un des 2 boutons, une fenêtre pop-up s’ouvre pour vous demander vos coordonnées. 2 solutions, soit vous remplissez le formulaire, soit vous cliquez directement sur le lien (bien caché !)</p> <p> </p> <p style="text-align: center;"></p> <p>Votre Téléchargement démarre automatiquement …</p> <p style="text-align: center;"></p> <p>Le fichier fait environ <strong>25 Mo</strong> pour les 2 versions. Dès que votre téléchargement est terminé, vous pouvez lancer l’installation :</p> <p>L’installation de Wamp Server est très simple, il suffit de faire <strong>Suivant</strong> à chaque étape :</p> <p> </p> <table border="0" align="center"> <tbody> <tr> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 1</span></strong></p> </td> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 2</span></strong></p> </td> </tr> <tr> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 3</span></strong></p> </td> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 4</span></strong></p> </td> </tr> <tr> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 5</span></strong></p> </td> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 6</span></strong></p> </td> </tr> <tr> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 7 *</span></strong></p> </td> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 8</span></strong></p> </td> </tr> <tr> <td> <p style="text-align: center;"><a href="http://codeblogueur.com/wp-content/uploads/2012/03/install-09.jpg"></a></p> <p style="text-align: center;"><span style="color: #0000ff;"><strong>Etape 9</strong></span></p> </td> <td> <p style="text-align: center;"></p> <p style="text-align: center;"><strong><span style="color: #0000ff;">Etape 10</span></strong></p> </td> </tr> </tbody> </table> <p><span style="color: #0000ff;"><strong>* L’étape 7</strong></span> vous demande d’ouvrir le fichier Explorer, vous avez juste à cliquer sur <strong>Ouvrir</strong> car le programme d’installation trouver normalement l’emplacement lui-même. Si ce n’est pas le cas, à vous de le trouver !</p> <p>Une fois l’installation terminée, lors de la dernière étape, le logiciel va s’ouvrir automatiquement et se placer dans la barre des taches. Tout d’abord l’icone sera <strong><span style="color: #ff0000;">rouge</span></strong>, ensuite <strong><span style="color: #ff9900;">orange</span></strong> et enfin <strong><span style="color: #00ff00;">vert</span></strong>.</p> <p style="text-align: center;"></p> <p style="text-align: left;">Si ce n’est pas le cas, vous avez certainement Skype ouvert … En fait, Skype empêche le bon fonctionnement de Wamp Server ! Ne me demandez pas pourquoi ! … Si ce n’est toujours pas vert, faites un redémarrage de votre ordinateur.</p> <p style="text-align: left;">Nous devons maintenant configurer <strong>Wamp Server</strong>. Pour cela, faites d’abord un clic droit sur l’icone (il se peut que l’icone ai disparu, vous le trouverez dans la partie icones cachés).</p> <p style="text-align: center;"></p> <p style="text-align: left;">Vous pouvez ensuite cliquer sur <strong>Language</strong> et sélectionner <strong>french</strong> (ou tout autre langage …)</p> <p style="text-align: center;"></p> <p style="text-align: left;">Faites maintenant un clic gauche sur l’icone de <strong>Wamp Server</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">et cliquez sur <strong>Localhost</strong> (tout en haut), vous allez ainsi ouvrir une page internet avec les paramètres de<strong> Wamp Server</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Si vous voyez cet écran, votre installation est terminée !</p> <h2 style="text-align: left;">Installer WordPress en local , création de la base de données :</h2> <p style="text-align: left;">Pour <span style="text-decoration: underline;">installer WordPress en local</span>, nous devons créer une <strong>base de données</strong> puisque WordPress fonctionne avec une base de données.</p> <p style="text-align: left;">Dans l’écran localhost, vous cliquez sur <strong>phpmyadmin</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">et vous ouvrez ainsi l’écran de gestion de vos bases de données. Vous devez maintenant créer votre base de données. Pour cela, vous cliquez sur <strong>Base de données</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">et vous créez votre base de données. Ici je l’ai nommée <strong>wordpress</strong>, mais vous pouvez utiliser un autre nom, par exemple le nom de votre futur site :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Et vous cliquez sur le bouton <strong>Créer</strong>, voici votre base de données crée ! Facile non ?</p> <p style="text-align: center;"></p> <h3 style="text-align: left;">Installer WordPress en local – Installation de WordPress</h3> <p style="text-align: left;">Vous devez, dans un premier temps, télécharger la dernière version de WordPress. Rendez-vous sur votre <strong>moteur de recherche</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Choisissez le<strong><span style="color: #0000ff;"> 1er lien</span></strong> et cliquez dessus.</p> <p style="text-align: center;"></p> <p style="text-align: left;">Vous cliquez ensuite sur le bouton <strong>TELECHARGER WORDPRESS</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Une fois le téléchargement terminé, vous ouvrez le fichier .<strong>zip</strong></p> <p style="text-align: center;"></p> <p style="text-align: left;">Ce fichier contient un répertoire wordpress. Nous allons maintenant sur le disque dur de votre ordinateur. Vous ouvrez le disque <strong>C:</strong> et vous trouvez un répertoire <strong>wamp</strong>, vous l’ouvrez et ensuite vous ouvrez le répertoire <strong>www</strong>.</p> <p style="text-align: center;"></p> <p style="text-align: left;">C’est dans ce répertoire que nous allons transférer le dossier wordpress du fichier zip :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Faites un <strong>clic gauche</strong> pour sélectionner le répertoire wordpress et faites un glisser déposer dans le répertoire du disque dur (C:/wamp/www/ )</p> <p style="text-align: center;"></p> <p style="text-align: left;">Le contenu du répertoire wordpress va être transféré sur le disque dur :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Nous allons maintenant ouvrir notre page <strong>localhost</strong>, nous y trouvons une nouvelle ligne <strong>wordpress</strong></p> <p style="text-align: center;"></p> <p style="text-align: left;">En cliquant dessus, nous allons tout simplement <strong>installer WordPress en local</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">La suite se passe comme une <strong>installation normale</strong> de WordPress.</p> <p style="text-align: center;"></p> <p style="text-align: left;">La première étape consiste à indiquer les <strong>paramètres</strong> de la base de données. Le nom de la base est <strong>wordpress</strong> , l’utilisateur est toujours <strong>root</strong> , il n’y a <strong>pas de mot de passe</strong> et l’hôte de la base de données est <strong>localhost</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Cliquez sur <strong>Valider </strong>:</p> <p style="text-align: center;"></p> <p style="text-align: left;">Cliquez sur <strong>Lancer l’installation</strong> !</p> <p style="text-align: center;"></p> <p style="text-align: left;">L’installation s’est bien passée. <strong>Remplissez les différents champs</strong> de votre nouveau site et cliquez sur <strong>Installer WordPress</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">L’installation est terminée, vous pouvez vous connecter à votre site. Cliquez sur le bouton <strong>Se connecter</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Entrez votre identifiant (admin) et votre mot de passe et cliquez sur le bouton <strong>Se connecter</strong> :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Et voilà ! Vous êtes dans le<strong> tableau de bord</strong> de votre nouveau site WordPress ! Vous pouvez accéder au site avec l’url localhost/wordpress :</p> <p style="text-align: center;"></p> <p style="text-align: left;">Et voilà, vous venez d’ <em>installer WordPress en local</em> avec Wamp Server …</p> <p style="text-align: left;">Dans un prochain article, nous allons installer plusieurs thèmes WordPress que j’affectionne tout particulièrement …</p> <table border="0" align="center"> <tbody> <tr> <td style="text-align: center;"></td> <td> <h2 style="text-align: center;">Vous souhaitez télécharger<br /> l’ebook de cet article ?</h2> <h2 style="text-align: center;">Inscrivez-vous pour accéder<br /> à la partie téléchargement</h2> <p style="text-align: center;"><strong><a title="Inscription Gratuite" href="http://codeblogueur.com/inscription-gratuite/"><span style="font-size: x-large;">Cliquez ICI</span></a></strong></p> </td> </tr> </tbody> </table> <p> </p> </article> <article> <h1>Des Plugins pour WordPress</h1> <p>Guy Linier — Thu, 23 Feb 2012 11:07:16 +0000</p> <p><span style="font-size: large; font-family: impact, chicago;">Vous cherchez des informations sur WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous avez besoin d’apprendre à utiliser WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous êtes perdus pour installer un nouveau thème WordPress ?</span></p> <p> </p> <p><span style="font-size: large; font-family: impact, chicago;">Vous voulez connaitre les meilleurs plugins WordPress ?</span></p> <p> </p> <p> </p> <p><strong>CODE BLOGUEUR est là pour vous aider !</strong></p> <p>Que ce soit pour installer votre site, pour le modifier, pour l’améliorer …</p> <p>De plus, vous allez apprendre à monétiser votre blog avec les meilleures techniques connues à ce jour.</p> <p>Que ce soit un blog sur les animaux, sur la photo ou la vidéo, sur votre passion ou même sur votre activité professionnelle, vous avez besoin de maitriser la technique pour fournir un blog professionnel à la pointe.</p> <p>Toutes les informations contenues dans le blog de <strong>CODE BLOGUEUR</strong> sont accessibles <span style="color: #ff0000;"><strong>gratuitement</strong></span>, si vous souhaitez aller plus loin et vous construire un vrai business sur internet, rejoignez les membres de <strong>CODE BLOGUEUR</strong> et votre activité va décoller.</p> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="business" value="lgfdiffusion@free.fr" /> <input type="hidden" name="cmd" value="_xclick-subscriptions" />  <input type="hidden" name="notify_url" value="http://codeblogueur.com/?s2member_paypal_notify=1" /> <input type="hidden" name="cancel_return" value="http://codeblogueur.com/" /> <input type="hidden" name="return" value="http://codeblogueur.com/?s2member_paypal_return=1&s2member_paypal_return_tra=fnIyOjJKTHpTMmxwWjRSbmhHUVFnaXZnYnJUN2pkUk02Ujg4Ojc4ZTNiZWEyMTk5NWEzNTFjOTMzZWQ1OTBhMDMzYWZmfM7utWxwpu71k8XlCn7_ODqqiX447D5PJ54su1rgcU3Yj33Jw1uoh9y8dGkGFa_ZwbaYnLbNRlY98XxjT1DWwcDP_fNWQe2rZCQy63jHioHzQv8_pZdul6WTghbnOlzqaagCwrmG3k08FVMDgjNL89wStspyvKg9tARcPL8CWy4g9BPL1GKgiR8cQQbC-qT2tt5WPXppdPu_CigItzl_J1dEmJltgZ9DNf9zqy3_cqPOVM3eTC8wxb-dgUeStl0JDuzRiR1UVoOdpZqY5v0hl6R0pKhLYMTy5Sz-ZAvysaLXATL_Vat4ASVaI7Bhw8U8dswbb_4-EBnztDov5ue95KI6q-BX7Oi1_2afQ0ySIjchUnGgfw04wp2FpNf3yucSIA" /> <input type="hidden" name="rm" value="2" />  <input type="hidden" name="lc" value="" /> <input type="hidden" name="no_shipping" value="1" /> <input type="hidden" name="no_note" value="1" /> <input type="hidden" name="custom" value="codeblogueur.com" /> <input type="hidden" name="currency_code" value="EUR" /> <input type="hidden" name="page_style" value="paypal" /> <input type="hidden" name="charset" value="utf-8" /> <input type="hidden" name="item_name" value="1.99 € pour 1 jour puis 7 € par mois" /> <input type="hidden" name="item_number" value="1" />  <input type="hidden" name="invoice" value="51980f5473ae4~54.234.67.55" />  <input type="hidden" name="on0" value="Originating Domain" /> <input type="hidden" name="os0" value="codeblogueur.com" />  <input type="hidden" name="on1" value="Customer IP Address" /> <input type="hidden" name="os1" value="54.234.67.55" />  <input type="hidden" name="modify" value="0" />   <input type="hidden" name="src" value="1" /> <input type="hidden" name="srt" value="" /> <input type="hidden" name="sra" value="1" /> <input type="hidden" name="a1" value="1.99" /> <input type="hidden" name="p1" value="1" /> <input type="hidden" name="t1" value="D" /> <input type="hidden" name="a3" value="7" /> <input type="hidden" name="p3" value="1" /> <input type="hidden" name="t3" value="M" />  <input type="image" src="http://codeblogueur.com/_images/accesimmediat.png" style="width:auto; height:auto; border:0;" alt="PayPal®" /> </form> <hr style="width: 800px;" width="800" /> <p> </p> <p>Dans la série <a title="Guide WordPress" href="http://www.patricealbertus.net/categorie/wordpress/guide-wordpress">Guide SEO WordPress</a>, voici la « <strong>cuvée 2012</strong> » des plugins WordPress que je conseille fortement pour ce CMS. Les meilleurs plugins (autrement dit les indispensables lors de votre installation) pour démarrer son blog, des pratiques pour une meilleure ergonomie blog/site et des « branchés » pour intégrer à votre contenu tous les outils qui vont en faire des références sur la toile :</p> <h2>Dans la catégorie <strong>« must-have »</strong> pour démarrer avec WordPress :</h2> <p><a href="http://codeblogueur.com/?attachment_id=" rel="attachment wp-att-1321"></a><a title="Aller sur le site de l’extension" href="http://yoast.com/wordpress/analytics/#utm_source=wordpress&utm_medium=plugin&utm_campaign=google-analytics-for-wordpress">Google Analytics for WordPress</a> de Joost de Valk (<strong>Yoast,</strong>développeur très actif sous WordPress) : L’un des nombreux plugins pour insérer votre tag Google Analytics et suivre votre audience. Permet de configurer les clicks en _trackEvent() pour enregistrer les clics et les liens sortant. Autres outils<a href="http://getclicky.com/goodies/#wordpress">GetClicky</a>, qui offre un suivi complet des actions de vos visiteurs (footprints, actions sur les pages clés, …).</p> <p></p> <div></div> <p><a href="http://intensedebate.com/wordpress">IntenseDebate </a>: Pour développer l’interactivité des commentaires et leur visibilité social media, <a href="http://automattic.com/">Automattic</a> - l’éditeur de WordPress – a conçu une solution de gestion des commentaires externalisée (le même concept que Disqus) et grâce à ce dernier vous pourrez intégrer des commentaires des utilisateurs Facebook ou Twitter (et bientôt on l’espère Google+). C’est justement avec ce plugin dédié commentaires que WordPress s’insère dans la bulle réseaux sociaux à grand pas.</p> <p></p> <div></div> <p><a href="http://wordpress.org/extend/plugins/jetpack/">JetPack </a>: Toujours par Automattic, Jetpack est un suite de fonctionnalités supplémentaires WordPress qui permet de configurer le partage réseaux sociaux, afficher les stats temps réél, gravatars, widgets mais surtout permettre d’ajouter votre blog self-hosted wordpress dans la pépinière WordPress.com grâce au <a href="https://dashboard.wordpress.com/">dashboard </a>et ainsi rendre votre contenu visible à la communauté (voir cette page : <a href="http://wordpress.com/#!/my-blogs/">gestion de mes blogs WordPress</a>).</p> <div></div> <p><a href="http://codeblogueur.com/secrets-adsense/secrets-adsense/" rel="attachment wp-att-1332"></a><a title="Aller sur le site de l’extension" href="http://www.feedburner.com/fb/a/help/wordpress_quickstart">FeedBurner FeedSmith</a> : Indispensable si vous utilisez <a href="http://www.feedburner.com/" target="_blank">Feedburner</a> comme service (gratuit) pour gérer vos flux RSS et avoir un monitoring de vos abonnés. Malgré la diversité d’outils de flux RSS, ce service est l’incontournable et renforce son monopole depuis son acquisition par Google… En attente d’une traduction et une adaptation aux résaux sociaux français pour devenir vraiment excellent. <a title="Feedflares en français. Feeburner extension en français" href="http://del.icio.us/palbertus/feedburner" target="_blank">Voir ce lien pour les Feedflares et extension Feedburner en français</a>.</p> <div><a href="http://www.code-styling.de/english/development/wordpress-plugin-codestyling-localization-en">CodeStyling Localization</a> : Le plugin par excellence pour traduire rapidement et sans code vos thèmes, plugins et tout autre bonne ressource WordPress qui propose les fichier .po/.mo. Ce plugin récupère le dictionnaire des thème et vous permet de traduire manuellement ou avec Google Translate les termes.</div> <div> <p></p> </div> <p><a title="Visit plugin homepage" href="http://www.deliciousdays.com/cforms-plugin">Cforms II</a> : CForms est un des rares plugins ultra-puissants pour gérer vos formulaires. Un outil de communication pour générer des formulaires de contact, de réservation, et de vraiment tout tellement il est paramétrable (des modèles CSS pour les formulaires et la possibilité de créer les siens facilement). Depuis sa version 10, on a vu apparaître un module de gestion des communications archivées digne d’une base Access, et une interface de plus en plus ergonomique. Enfin, possibilité de personnaliser les landing pages : intéressant pour faire du suivi analytique des objectifs Google Analytics et des conversions. Attention !Malgré tout ces avantages, ce plugin est un chouillat lourd (chargement, modification de longs formulaires d’enquête par exemple, …) et la question se pose alors entre un temps de chargement trop long pour des informations toutes simples. Alternative à essayer, <a href="http://wordpress.org/extend/plugins/contact-form-7/">WP Contact 7</a> ou encore la solution <a href="http://www.wufoo.com/" target="_blank">Wufoo </a>, une solution online, qui propose des galeries de formlaires tout fait (et personnalisables bien sûr) et une gsetion en ligne des demandes (avec rapport), vous n’avez qu’a copier le code dans une page WP et le tour est joué ! Abonnement avec 3 formulaires gratuit, pour plus voir les coûts.</p> <div></div> <h2>Dans la catégorie <strong>« ergonomie et plaisir d’ecrire »</strong>pour améliorer l’interface initiale de WordPress, aussi bien en back-office que sur le front :</h2> <p><a href="http://yoast.com/wordpress/breadcrumbs/">Fil d’Ariane</a> (ou plus connu sous breadcrumb en anglais) de <strong>Yoast</strong> : un plugin qui va intégrer la navigation breadcrumb dans vos pages, à privilégier en tête de vos articles avec la remontée des mots-clés (titre du blog >> titre Catégorie >> Titre article). Ce plugin est d’autant plus important depuis que <a href="http://www.searchenginejournal.com/breadcrumbs/15022/">Google affiche votre fil d’ariance dans les SERP</a> !</p> <p><a title="Aller sur le site de l’extension" href="http://www.laptoptips.ca/projects/tinymce-advanced/">TinyMCE Advanced</a> : Dans la même idée de composition des articles, cette version plus élaborée de l’éditeur WYSIWYG interne à WP, le portant presque a du traitement de texte Word ! Et surtout permettant d’utiliser directement les styles de votre thème WordPress.</p> <div></div> <p><a href="http://wordpress.org/extend/plugins/backwpup/">BackWPup</a> : Planifiez vos sauvegardes automatiques chaque semaine pour continuer à blogger tranquillement. Un outil puissant qui permet la sauvegarde automatique planifiée sur votre serveur, via email et FTP mais aussi sur le cloud grâce à Dropbox, Google Storage, Rackspace ou bien d’autres. Un terminal pour suivre l’état du backup et des possibilité d’importer le fichier pour <strong>restaurer WordPress complètement. </strong>BackWPup sauvegarde votre base mais aussi vos fichier, sûrement l’outil le plus pertinent pour déplacer WordPress - A voir aussi pour des solutions plus simples : <a title="Aller sur le site de l’extension" href="http://www.ilfilosofo.com/blog/wp-db-backup">WordPress Database Backup</a> (retiré)</p> <div></div> <div></div> <p><a href="http://codeblogueur.com/pack-code-blogueur/1341-autosave/" rel="attachment wp-att-1354"></a>Sécurité et identification unique : <a href="https://support.janrain.com/">Janrain</a>(anciennement RPX) et <a href="http://www.clickpass.com/docs/wordpress-plugin">Clicpass </a>proposent des outils de logins via OpenID, Google Account, Twitter, Facebook et de nombreux autres comptes. Plus besoin de login/mot de pass, connectez vous à l’admin WordPress en protocole sécurisé OAuth.</p> <p><a title="Aller sur le site de l’extension" href="http://www.raproject.com/ajax-edit-comments/">WP AJAX Edit Comments</a> : Beaucoup de commentaires et pas beaucoup de temps ? (vous ne devriez pas…), bref cet outil permet d’éditer directement sur le blog les commentaires malveillants, les mauvaises publicités, etc…</p> <p><a href="http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/">SyntaxHighlighter Evolved</a> : pour publier visuellement des bouts de code, que ce soit CSS, HTML, PHP, XML, C++ ou de nombreux formats, chacun aura <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes">un style différent et colorisé</a> (aussi clair que les éditeurs Eclipse ou Dreamweaver) et permet aux lecteurs de facilement comprendre la syntaxe et copier le code (fonction presse-papier).</p> <div> <div id="highlighter_55256"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div> <div>11</div> </td> <td> <div> <div><code># robots.txt </code><code>for</code> <code>http:/www.domaine.com</code></div> <div><code>Sitemap: http:</code><code>//www.domaine.com/sitemap.xml</code></div> <div><code>User-Agent: *</code></div> <div><code>Allow: /</code></div> <div><code>User-Agent: *</code></div> <div><code>Disallow: /crontab</code></div> <div><code>User-Agent: Googlebot-Image</code></div> <div><code>Allow: /</code></div> <div><code>User-agent: Mediapartners-Google*</code></div> <div><code>Disallow:</code></div> <div><code>Allow: /*</code></div> </div> </td> </tr> </tbody> </table> </div> </div> <p><a href="http://wordpress.org/extend/plugins/wp-issuu/">WP Issuu</a>, <a href="http://simpler.freddyware.com/ipaper/">le plugin Scribd pour WordPress</a> et bien sûr <a href="http://wordpress.org/extend/plugins/slideshare/installation/">Slideshare</a> : 3 viewers des services de partage de documents pour intégrer vos PDF, PPT et autre slideshows plutôt que des liens direct.<strong> Une technique SMO</strong> qui correspond à publier vos document en premier lieu dans ces plates-formes, enrichir en descriptions et tags pour profiter de la folskonomy de ces réseaux sociaux puis intégrer le document façon contenu riche sur vos pages (exemple ci-dessous, malgré que la source ne soit pas la mienne).</p> <h3>Catégorie « Performances » pour des temps de chargements efficaces</h3> <p><a href="http://codeblogueur.com/pack-secrets-adsense/1339-autosave/" rel="attachment wp-att-1348"></a><a title="Aller sur le site de l’extension" href="http://mnm.uib.es/gallir/wp-cache-2/">WP-Cache</a> et <a href="http://ocaoimh.ie/wp-super-cache/">WP Super Cache</a> : 2 plugins très simples pour accélerer le chargement et l’affichage de vos pages en utilisant le cache (génère les pages HTML à la volée). Incontournables si vous utilisez des thèmes complexes et de nombreux plugins (comme vous devrez le faire !). Attention : Pensez a bien désactiver ce plugins lorsque vous modifiez vos thèmes ou que vous administrez WP… pour éviter de vous arrachez des cheveux pour rien. Pour les <strong>plus expérimentés</strong>, j’ai découvert <a href="http://wordpress.org/extend/plugins/flexicache/">Flexicache </a>ainsi que <a href="http://wordpress.org/extend/plugins/w3-total-cache/">W3 Total Cache</a> qui vont beaucoup plus loin dans le paramétrage du cache, supporte le Memcahce ou Filesystem (et SQLite), la configuration de la compression et l’expiration, l’API Google Speed Test pour le débogage; bref l’un des plugins de cache WordPress suprêmement aboutis à ce jour.</p> <p></p> <div><a href="http://wordpress.org/extend/plugins/theme-test-drive/">Theme Test Drive</a> : Malheureusement l’un des rares plugins développement pour tester un thème en prod avant la mise en ligne. Et malheureusement aussi un plugin qui ne permet que de faire un test visuel du thème mais sans permettre de personnaliser les widget et les options globales. Rien de mieux qu’une sandbox pour faire un vrai pré-test, <a href="http://codex.wordpress.org/Test_Driving_WordPress">lire cet article du codex officiel WordPress</a>.¨</div> <div></div> <div><a href="http://support.godaddy.com/godaddy/wordpress-p3-plugin/">Plugin Performance Profile</a>, proposé par GoDaddy est un outil d’audit des ressources sollicités par les plugins de votre installation WordPress. Très intéressant pour contrôler les grourmands !</div> <div></div> <div><a href="http://wordpress.org/extend/plugins/velvet-blues-update-urls/">Velvet Blue Update URL</a> : le plugin qui va vous faciliter les transferts de domaines sous WordPress. Très simple, il update la base de données (post, attachements, permalinks) de l’ancienne vers la nouvelle URL du domaine.</div> <div></div> <h2>Dans la catégorie « <strong>outils contextuels</strong> » pour améliorer la qualité de vos contenus et augmenter vos pages vues par visite</h2> <p><a href="http://wordpress.org/extend/plugins/simple-tags/">Simple Tags </a>: Le plugin ideal dans la gestion des tags de vos articles. ST suggeste les tags selon ceux que vous utilisez, vous permet d’insérer un tagcloud paramétrable (le must!) et propose encore beaucoup d’autres options pour créer un système de relations sémantiques entre vos contenus (ex: insertion liens automatiques sur les mots-clés présents dans vos tags et catégories). Simple Tags vous permettra d’associer vos comptes <a href="http://www.opencalais.com/">OpenCalais</a>, <a href="http://www.alchemyapi.com/">Alchemy </a>et <a href="http://www.zemanta.com/download/">Zemanta </a>pour offrir encore plus de contextualisation dans vos mots-clés. Enfin, attention à l’utilisation abusive de mots-clés qui créent des pages, Google est très pointilleux sur le maillage et trop de liens tuent les liens !</p> <div></div> <p><a title="Aller sur le site de l’extension" href="http://sparepencil.com/code/advanced-excerpt/">Advanced Excerpt</a> : Améliore la fonction de WP qui permet d’afficher le résumé d’un article de façon systématique dans vos pages d’archives et votre index. Ce plugin permettra de renforcer l’indexation des articles et leurs mots-clés dans les moteurs de recherche sans tomber dans le duplicate content lorsque vous affichez du contenu sur plusieurs pages du domaine (on paramètre le nombre de caractère du chapeau).</p> <div></div> <p><a title="Aller sur le site de l’extension" href="http://bluesome.net/post/2005/08/18/50/">Exec-PHP</a> : Très intéressant si vous souhaitez exécuter des commandes PHP à l’intérieur de vos articles (des fonctions avancées par exemple). Attention ! Nécessite alors de travailler sur le back-office WP en mode CODE pour que le plugin fonctionne correctement.</p> <h2>Dans la catégorie « <strong>Mobiles</strong> » :</h2> <p><a href="http://bravenewcode.com/wptouch">WP-Touch</a> : un plugin qui génère une version optimisée iPhone de votre blog. Style très adaptée aux iPhone et options nombreuses pour offrir aux visiteurs sous mobiles une expérience de lecture. Le plugin s’occupe de rediriger automatique selon le user-agent. Une autre alternative : <a href="http://www.mofusepremium.com/">Mofuse</a> en premium qui lui permet de gérer votre contenu sur un sous-domaine (m.domaine.com) ou un DNS différent (domaine.mobi).</p> </article> <article> <h1>7 – Pour Aller plus loin …</h1> <p>Guy Linier — Tue, 14 Feb 2012 07:38:33 +0000</p> <h1><span style="font-size: large; color: #3366ff;">Google, plus qu’un moteur de recherches</span></h1> <h2><span style="color: #3366ff; font-size: large;">Partie 1</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Partie 2</span></h2> <p></p> <h2><span style="font-size: large; color: #3366ff;">Code SEO, un site fortement conseillé !</span></h2> <p></p> <p><a href="http://www.code-seo.com/#CS_guylinier" target="_blank">Cliquez ICI pour vous inscrire avec mon lien d’affilié</a></p> </article> <article> <h1>6 – Les Statistiques Indispensables</h1> <p>Guy Linier — Tue, 14 Feb 2012 07:36:48 +0000</p> <h2><span style="color: #3366ff; font-size: large;">Installation de PIWIK</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Statistiques Adsense</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Statistiques Adsense (2)</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Statistiques Adsense (3)</span></h2> <p></p> <p>Les Fichiers sont dispos</p> <p><a href="http://clubfga.com/_fichiers/Suivi-Adsense.xls">Suivi-Adsense.xls</a> <a href="http://clubfga.com/_fichiers/Suivi-Performances.xls">Suivi-Performance.xls</a></p> </article> <article> <h1>5 – Trafic Payant</h1> <p>Guy Linier — Tue, 14 Feb 2012 07:34:57 +0000</p> <h2><span style="color: #3366ff; font-size: large;">Google Adwords</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Adwords Editor</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Yahoo Search Marketing</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Microsoft AdCenter</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Facebook</span></h2> <p></p> </article> <article> <h1>4 – Trafic Gratuit</h1> <p>Guy Linier — Tue, 14 Feb 2012 07:32:44 +0000</p> <h2><span style="color: #3366ff; font-size: large;">Introduction au Module 4</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Recherche de Blogs</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Commentaires</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Cherchons un Forum</span></h2> <p></p> <p>La carte des Forums <a href="http://clubfga.com/_fichiers/carte-forums.pdf">ICI</a></p> <h2><span style="color: #3366ff; font-size: large;">Recycler son Flux RSS</span></h2> <p></p> <p>Les 2 sites : <a href="http://www.paperblog.fr/">PaperBlog</a> & <a href="http://www.blogbang.com/">BlogBang</a></p> <h2><span style="color: #3366ff; font-size: large;">Votre Ebook Viral</span></h2> <p></p> <p><a href="http://clubfga.com/_fichiers/budgetpositif.zip"></a></p> <p><a href="http://clubfga.com/_fichiers/copyright.txt">Le texte cop</a></p> <h2><span style="color: #3366ff; font-size: large;">Les Articles Libres de Droits</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">Comment utiliser Blogger pour créer des liens</span></h2> <p></p> <p>Les sites de la vidéo :</p> <p>Le Blog<br /> <a href="http://maitrisezvotrebudget.blogspot.com/">http://maitrisezvotrebudget.blogspot.com/</a></p> <p>Les vidéos virales<br /> <a href="http://www.linkedtube.com/">http://www.linkedtube.com/</a></p> <p>Les vidéos youtube<br /> <a href="http://www.youtube.com/">http://www.youtube.com/</a></p> <p>Amazon<br /> <a href="http://www.amazon.fr/">http://www.amazon.fr/</a></p> <p>Les articles libres<br /> <a href="http://www.secrets-de-comment.com/">http://www.secrets-de-comment.com</a></p> <h2><span style="color: #3366ff; font-size: large;">SEO Quake, pour connaitre les performances SEO de votre site</span></h2> <p></p> <p><strong><span style="color: #3366ff; font-size: large;">Pour décompresser un peu … et augmenter votre CTR …</span></strong></p> <h2><span style="color: #3366ff; font-size: large;">1ère Partie</span></h2> <p></p> <h2><span style="color: #3366ff; font-size: large;">2ème Partie</span></h2> <p></p> <h2><span style="font-size: large; color: #3366ff;">Installation d’un formulaire de contact</span></h2> <p></p> </article> </main></body></html>

Code Blogueur » Guy Linier

Profitez d’un espace sécurisé sur internet pour vos données personnelles

Comment rendre une image cliquable et afficher une autre image

Comment faire une redirection HTML