Centrer un bloc d’annonce Google Adsense

Comment centrer un code Adsence facilement.

 

Lorsqu’on insère un bloc d’annonce Google Adsence, on se retrouve quasi tout le temps avec le bloc aligné sur la gauche.

Au niveau design du site web, c’est pas vraiment toujours esthétique.

une solution existe, simple et rapide à mettre en place grâce la mise en place d’un bloc DIV. on utilisera une balise de style TEXT-ALIGN et le tour est joué !

Passons à la pratique:

Voici un exemple de code google adense

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- EXEMPLE -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1386019585"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

on va rajouter un bloc DIV avec le style « center »

<div style="text-align:center;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- EXEMPLE -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1386019585"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

 

On peut bien sur appliquer aussi les styles suivants au bloc DIV :

« right » pour aligner à droite,

« left » pour aligner à gauche.

 

Vous pourrez plus dire impossible d’aligner ma pub google adsence 🙂