Tutoriel: Comment créer une publicité flottante pour votre site Web

Dernière mise à jour le 23 mars 2018 à 05:48

Créer une publicité flottante

Voulez-vous une annonce qui est sur une position fixe sur vos sites Web? Une annonce qui flotte partout où les visiteurs vont et qui sont toujours là. Cela augmentera considérablement votre taux de clics ou CTR et augmentera même vos revenus publicitaires.

J'utilise personnellement ce script sur mes autres sites Web et le CTR est tout simplement génial. Je vais donc vous partager mon script très simple sur la création d'une publicité flottante parfaite pour votre site Web de blogs.

Voir la démo

Il est très facile d'obtenir ce résultat, il vous suffit de modifier du CSS et du HTML ou simplement de changer mon script pour l'utiliser. Et c'est parti.

Annonce flottante

Construire le CSS

Construisez le CSS, vous pouvez le personnaliser si vous le souhaitez. Je vais enregistrer ceci sous FloatingAd.css

.myFloatBar {bas: 0; gauche: 0; largeur: 50%; position: fixe; padding-left: 0; } bouton {image de fond: url (https://i.imgur.com/FLKvPu5.png); / * HIDE BUTTON IMAGE * / background-repeat: no-repeat; position d'arrière-plan: 50% 50%; hauteur: 20px; largeur: 20px; bordure: aucune; rembourrage: 0; } bouton span {affichage: aucun; }

Le Javascript

Enregistrez ceci sous ad.js

$ (document) .ready (function () {$ ("bouton"). Click (function () {$ ("ad"). Toggle (500);});});

Le HTML

Appelez les fichiers nécessaires, assurez-vous de voir Démo page et mettez le code ci-dessous n'importe où avant  marque. C'est tout simplement simple.

 




Ou téléchargez ce fichier —-> TÉLÉCHARGER LE ZIP


Contenu sponsorisé:


Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

fr_FRFrançais
en_USEnglish es_ESEspañol de_DEDeutsch nl_NLNederlands ro_RORomână fr_FRFrançais