Disposer vos messages en forme de boites dans blogger

Plusieurs d'entre vous ont l'habitude de surfer sur des sites internet et voient des messages disposer comme des petits boites comme http://leblogger.com ou comme http://hongcom, leurs messages sont disposer sur deux
rangées, vous vous posez la question comment il font?la methode est tres simple il suffit deVous rendre sur votre blog
1-allez dans modifier code HTML, avant vous devez sauvegarder votre template
2-Rechercher cet code ]]></b:skin>  dans votre template et puis ajouter:
<!-- for two-column front - normal post page - this is the front page styles -->
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
 <style>
 .post {
  width:195px;
  margin-right:5px;
  height: 300px;
  overflow:hidden;
  float:left;
  border:2px solid silver; }
 </style>
</b:if>
<!-- end two-column -->

Ajouter ces code après la feuille de style ]]></b:skin>
3-Rechercher .post {
.post {
 width:230px;
 margin:.5em auto 1.5em;
 border-bottom:1px dashed #000;
 padding-bottom:1.9em;
}
Ajouter la largeur  en faire ce que vous voulez, c'est 425px maintenant. Et changer le numéro de la marge moyenne de 0 à auto. Qu'il centres dans la colonne, plutôt que aligné à gauche comme il l'est maintenant.
Bonne chance

Aucun commentaire:

Enregistrer un commentaire