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 widget:





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:

  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

Laisser un commentaire

💯 Meilleurs Articles sur LeBlogger.fr : Astuces Blogger et Blogspot

 
LeBlogger.fr - Astuces Blogger et Blogspot © 2013. Tous Droits Reservés. Produit Par Biz-Media

Le site le plus complet d'aide aux créateurs de blogs avec Blogger. Tutoriels, conseils et astuces.
LeBlogger est une plateforme d'actualité. C'est un service qui offre l'actualité Web, Astuces iPhone et astuces Facebook et des milliers de couverture pour vos page Facebook.
Services gratuits pour webmasters , des widgets pour votre site ou blog, pour mieux capter l'attention de vos visiteurs.
Top