Blogger : Article ou widget sur deux colonnes




Dans les magazines et autres journaux, il est fréquent de voir un article mis sur deux colonnes de la même page.
Nos blogs étant des journeaux web dont nous sommes les éditeurs, il se pourrait que certains parmi vous ayent envie.

Pour cela, voici le code html dont vous avez besoin. Il est à mettre dans la case où vous devez écrire votre article, en remplaçant le phrase y écrite par le contenu approprié. Si vous voulez mettre des paragraphes, vous pouvez utiliser les balises
et au milieu desquelles vous mettrez le contenu de votre paragraphe.

Code pour mettre son article en deux colonnes sur Blogger:


<div style="width: 45%; float: left;">Contenu de la colonne gauche ici</div>

<div style="width: 45%; float: right;">Contenu de la colonne droite ici</div>

<div style="clear: both;"></div>


Code pour mettre deux widget en deux colonnes sur Blogger:


<div style="width: 45%; float: left;">Contenu de la colonne gauche ici</div>

<div style="width: 45%; float: right;">Contenu de la colonne droite ici</div>

<div style="clear: both;"></div>



Demo article :

Dans les magazines et autres journaux, il est fréquent de voir un article mis sur deux colonnes de la même page.
Nos blogs étant des journeaux web dont nous sommes les éditeurs, il se pourrait que certains parmi vous ayent envie.
Pour cela, voici le code html dont vous avez besoin. Il est à mettre dans la case où vous devez écrire votre article, en remplaçant le phrase y écrite par le contenu approprié. Si vous voulez mettre des paragraphes, vous pouvez utiliser les balises
et au milieu desquelles vous mettrez le contenu de votre paragraphe.

4 Commentaires

Laisser un commentaire

  1. Génial! Merci! Je souhaiterais savoir comment rajouter des colonnes et aussi comment paramétrer les espaces entre les différentes colonnes! Merci!

    RépondreSupprimer
  2. @Les Boucles d'Alice : il faut jouer avec les pourcentage le 45 %. si tu met 50 % des deux cotés tu aura les deux blocs collés. Biz

    RépondreSupprimer
  3. tu peut ajouter le code dans un article ou sur ton blog en ajoutant un widget HTML/Javascript

    RépondreSupprimer

Enregistrer un commentaire

Laisser un commentaire

Plus récente Plus ancienne