Comment insérer une bannière

Comment insérer une bannière

Placer des bannières - l'une des façons de gagner de l'argent sur votre site Web ou votre blog. Le moyen le plus simple de l'ajouter si vous avez déjà un code HTML prêt à l'emploi. Mais faire un modèle et un élément potentiellement malveillant sur le projet propre de la page - pas la meilleure idée. Par conséquent, avant d'insérer une bannière, examinez soigneusement son contenu et modifier si nécessaire.

1
Premièrement, considérez l'insertion de la bannière sur le site, viré à Clean HTML + CSS. Copiez le code d'article prêt à partir du site Web de l'annonceur et modifiez-le en fonction des règles de formatage général. Pour effectuer des corrections, utilisez une copie de la page de votre site, ne prenez jamais d'édition immédiatement sur le serveur. Le code de bannière est un marquillage HTML standard avec des styles situés à l'intérieur des balises. Ils doivent être dans des fichiers séparés et sont associés aux autres sélecteurs.

2
Une attention particulière est accordée pour vérifier les classes et ID uniques dans le code du projet. Aucun autre élément ne devrait influencer l'affichage de la bannière. Assurez-vous que les noms des sélecteurs ne se croisent pas, en effectuant une recherche dans l'éditeur de fichiers familier pour vous (généralement appelé en appuyant sur Ctrl + F).

3
Regardez, s'il n'y a pas d'éléments suspects dans le code. La bannière la plus simple consiste en deux étiquettes: \u003ca\u003e et \u003cimg\u003e. Il est souhaitable qu'ils soient à l'intérieur du bloc \u003cdiv\u003e ou \u003ciframe\u003e. Parfois, il existe des étiquettes obsolètes dans des inserts promotionnels, leur utilisation entraîne le fait que le site ne passera pas de validité. Et cela peut affecter négativement la promotion du projet.

4
Ensuite, dessinez la vérification des attributs dans les balises. Si vous voyez quelque chose d'inhabituel, découvrir le but de cet article dans le répertoire. L'attribut obligatoire pour la référence tag est \u003ca\u003e href - l'adresse sur laquelle les fils de la bannière. Titre est souvent utilisé - signature pour le lien, ainsi que la cible - la publicité Spécification sur une nouvelle page ou un onglet. La balise \u003cimg\u003e est responsable de placer des images. Il contient toujours l'attribut SRC est une indication du chemin relatif ou absolu avant l'image. Aussi à l'intérieur \u003cimg\u003e Conseils Titre et Alt peuvent être utilisées.

5
Exécutez la copie modifiée de la page dans le navigateur. Voyez comment la bannière est affichée dans les différents navigateurs Web. Essayez de changer la taille et l'échelle de la fenêtre. Si la publicité est correctement positionné et en appuyant sur il a lieu d'aller sur le site désiré, enregistrez le code dans l'éditeur.

6
Ensuite, remplacer la page originale vient de faire une copie avec de la publicité. Pour cette pratique d'utiliser le client FTP, par exemple, un programme gratuit et multi-navigateur. FileZilla.. Il suffit de faire glisser un nouveau fichier sur la partition de répertoire. Le nom du double must coïncident avec l'original de ne pas violer la structure des références sur le site. Avec le même nom, le client FTP vous proposera de remplacer la page plus nouvelle. Après cela, redémarrez votre site Web et assurez-vous que la bannière est correctement affichée.

7
Si votre site ou blog fonctionne sur le populaire CMS WordPress, accédez à la console de gestion des ressources Internet. Dans la barre latérale, trouvez la section « Apparence » et sélectionnez « Widgets ».

8
Trouver l'élément avec le nom « Texte » et faites-le glisser dans la zone sélectionnée de la zone pour les widgets. Après avoir déménagé, deux champs de texte apparaît, remplissez le second code publicitaire copié pré. Ensuite, cliquez sur « Enregistrer » et aller sur le site pour voir le résultat de votre travail.

Mise en place des bannières - un moyen facile de faire de l'argent sur votre site. Insérez une telle publicité que vous pourrez juste en quelques minutes. Mais attention au code que vous ajoutez à votre projet.

Ajouter un commentaire

Votre courriel ne sera pas publié. Les champs obligatoires sont marqués *

proche