Accueil         Contactez-Nous    Sitemap  

 

Important : Exporter le blog ou Télécharger le modèle avant d'appliquer le moindre changement dans le code HTML de son blog.

 

Ajouter lire la suite à blogger

Libellés :
Publié par Othmane BENTALEB à 14:40
Bismillah. Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Cette fois, je vais vous expliquer comment résumer automatiquement les sujets et ajouter Lire la suite à blogger en affichant une petite image à droite, à gauche ou au centre 's'il y en a dans le sujet).

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.


Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Présentation    --->    Modifier le code HTML   --->   Développer des modèles de gadgets

Pour afficher l'image à gauche ajouter le code ci-dessous juste avant </head>
 
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 128;
img_thumb_width = 128;
</script>
<script src='https://sites.google.com/site/outilsblogger/l/Lirelasuitegauche.js' type='text/javascript'/>

Pour afficher l'image à droite ajouter le code ci-dessous juste avant </head>

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 128;
img_thumb_width = 128;
</script>
<script src='https://sites.google.com/site/outilsblogger/l/Lirelasuitedroite.js' type='text/javascript'/>

Pour afficher l'image au centre ajouter le code ci-dessous juste avant </head>

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 128;
img_thumb_width = 128;
</script>
<script src='https://sites.google.com/site/outilsblogger/l/Lirelasuitecentr%C3%A9.js' type='text/javascript'/>

Maintenant remplacer le code suivant <data:post.body/> par le code ci-dessous :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>Lire la suite ...</a></span>
<a href='http://outils-blogger.blogspot.com/2011/05/ajouter-lire-la-suite-blogger.html' style='display:none;'>Résumé</a><a href='http://outils-blogger.blogspot.com' style='display:none;'>Outils Blogger</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><a href='http://outils-blogger.blogspot.com' style='display:none;'>Outils Blogger</a></b:if>

summary_noimg = La longueur du résumé (pour les sujets sans images)
summary_img = La longueur du résumé (pour les sujets contennant les images)
img_thumb_height = La largeur de l'image dans le résumé
img_thumb_width = La longueur de l'image dans le résumé

Pour ajouter une image remplacer le code en rouge avec :

<img src="lien de l'image ici" title="Lire la suite" alt="Lire la suite"/>
Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

3 commentaires:

Nora HUSSON a dit…

Bonjour,
Merci beaucoup pour cette astuce que j'ai réalisé avec succés. Cependant, je souhaiterais appliquer ces résumés sur une "Page" (rubrique/catégorie) uniquement, comment faire ?

Lola P. a dit…

Je ne trouve pas la case développer des modèles de gadgets :(

Chouby a dit…
Ce commentaire a été supprimé par l'auteur.

Laisser un commentaire

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Visiteurs

free counters