reduire taille resumes automatiques messages

obtenir ces boutons

Réduire la taille des résumés
AUTOMATIQUES de messages

Une page précédente explique comment afficher AUTOMATIQUEMENT le début des messages avec la mention "lire la suite ..." sur toutes les pages regroupant plusieurs messages.

En affichant une taille réduite des résumés de messages, on peut en aligner 3 sur la même ligne.

Un exemple est disponible ici. Cet exemple est réalisé au départ d'un template standard ("simple" de Blogger 2010).

Il suffit d'ajouter au blog un gadget HTML/JavaScript et d'effectuer une légère correction du template.

* * * * *
Le code à ajouter dans le gadget HTML/JavaScript est le suivant :

<style type="text/css">
.descriptionwrapper{display:none;}
#main {width: 730px; padding:0px; margin:0px;}
h2.date-header{display:none;}
.post {height:250px;width: 215px;float: left;overflow: hidden;text-align:justify;border:1px solid white;margin:0px 16px 16px 0px;padding:0px 5px 5px;color:black;background:#ddd;background-image: url(http://lh3.ggpht.com/_dKIQkAGa2xA/StOxqMVvFFI/AAAAAAAAASQ/ciQPuFOVMPU/maintop.png) !important;background-repeat: no-repeat;background-position: top center;}
.post-footer{background:#ddd;display:none;}
.blog-pager{clear:both;}
.blog-pager-older-link{padding-right:20px;}
.fauxcolumn-right-outer .fauxcolumn-inner{border:none;}
.post-body img {border:none;padding:0px;}


#header{float:left;background:orange;margin:0px; padding:0px;margin-left:15px;margin-top:20px;}
h1{margin:0px;text-align:center;color:white !important;font-weight:bold !important;padding:30px 25px;}
.post a:link,.post a:visited{color:black;}
.post a:hover{color:green;}
.blog-pager a:link,a:visited{color:orange;}
.post h3{font-size:15px;font-weight:bold;}
.post h3 a:hover{text-decoration:undeline;}
#sidebar-right-1{margin-top:40px;}
</style>

Rappel : Comment créer un gadget HTML/JavaScript.

La première partie du code réduit la taille des messages et supprime tous les éléments superflus au-dessus et en-dessous des messages.

La seconde partie permet d'améliorer la présentation des résumés avec le template utilisé.

* * * * *
La modification du template consiste à ne rendre ce gadget opérationnel que sur les pages où il y a des résumés de messages et pas sur les autres.

1) Il faut d'abord chercher le nom du gadget. La méthode est expliquée ici. Exemple : "HTML1".

2) Dans le "Tableau de bord", il faut ensuite cliquer sur "Modèle", "Modifier le code HTML".

Avec le nom du gadget, chercher (Ctrl+F) le paragraphe qui le concerne. Il ressemble à ceci :

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>

CODE RELATIF AU GADGET

</b:includable>
</b:widget>

3) après : <b:includable id='main'>

insérer :

<b:if cond='data:blog.pageType != "item" '>


4) Avant </b:includable>

insérer :

</b:if>


5) Enregistrer.

2 commentaires:

La Vallée des Chats a dit…

Bonsoir, j'ai un problème:

J'ai appliqué ce qu'il fallait et j'ai maintenant les résumés des articles.

Problème: Les pages "normales" sont également réduites dans un petit carré... Comment faire pour ne pas les résumer ?

Mon blog avec un exemple: http://valleedeschats.blogspot.fr/p/lassociation.html

Merci d'avance de votre réponse !

Meiser a dit…

Bonjour.

La seconde partie de l'article ci-dessus explique comment modifier pour cela le template.