lundi 19 octobre 2009

tuto pour les résumés manuels

J'ai trouvé le site http://blogger-au-bout-du-doigt.blogspot.com qui m'a apporté la lumière sur l'affichage d'un résumé de l'article en page d'accueil, et non plus l'affichage de l'article entier. Je suis vraiment enchanté d'avoir trouvé ça !








Pour info il faut aller dans Mise en page / Modifier le code HTML puis, sous la balise <head> rentrer le code suivant (assurez vous d'avoir coché préalablement le bouton Développer des modèles de gadgets") :

<script src='http://quiterandom.com/js/summary/summary-posts.js' type='text/javascript'/>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

 
 
Note :
summary_noimg = 250; — Nbre de caractères à afficher sans photo
summary_img = 250; — Nbre de caractères à afficher avec photo
img_thumb_height = 120; — Largeur de l'image en pixels.
img_thumb_width = 120; — Longueur de l'image en pixels.

Ensuite il faut chercher la balise <data:post.body/> (CTRL + F est ton ami) et la remplacer par le code suivant :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary-" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary-<data:post.id/>");</script>


<a class='readmore' expr:href='data:post.url'>Lire la suite »</a>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Et voila, le tour est joué !

Autre chose, j'ai appris en recopiant ce code que pour qu'il s'affiche il fallait remplacer les signes < et > comme suit :
& lt; (supprimer l'espace) est égal au signe <
& gt; (supprimer l'espace) est égal au signe >

C'est sûr, ce soir je vais me coucher moins con !

Source : http://blogger-au-bout-du-doigt.blogspot.com

Aucun commentaire:

Enregistrer un commentaire