Titres d’articles pour "message plus ancien" et "message plus récent"

By
Advertisement


Ceux qui suivent le blog depuis longtemps savent que nous avions déjà partagé une astuce pour afficher les vrais titres d'articles à la place de "message plus ancien" et "message plus récent" .

afficher les titres articles à la place de message plus anciens récents sur blogger blogspot

Je voudrais ici vous partager une autre astuce, qui permettra aussi d’avoir les titres d’articles à la place de "message plus ancien" et "message plus récent".

Voici les étapes à suivre afin de réaliser cette prouesse :

1) Se connecter à Blogger et se rendre sur “Modele” pour le blog où effectuer la modification

2) Après avoir gardé une copie du modèle, cliquez sur “Modifier le code HTML”

3) Trouvez la balise </head> (Vous pouvez utiliser CTRL+F pour trouver rapidement)

4) Collez le script suivant juste avant la balise trouvée et enregistrez votre modèle.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Vous pouvez zapper cette étape si vous avez déjà le code jquery.min.js installé dans votre modèle.

5) Rendez-vous sur “Mise en page” et cliquez sur “Ajouter un gadget”

9) Choisissez “HTML/Javascript” et collez le code suivant puis enregistrez votre gadget.

<style type="text/css"> #blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>


Maintenant, vous verrez s’afficher les titres des articles à la place de “Message ancien” ou “Message récent”.

Voir aussi :


Déplacer messages anciens/messages récents 




Les titres des articles au lieu de “Plus d'infos” ou “Lire la suite”




4 commentaires:

  1. j'arrive pas 2 trouver ce code "<script type="text/javascript......................

    comment faire , merci !!

    RépondreSupprimer
  2. le code que vous indiquez ne doit pas être trouvé mais ajouté après celui trouvé à l'étape 2.

    RépondreSupprimer
  3. Bonjour! C,'est possible de mettre une barre de numérotation genre 1 2 3 4, le nombre de page d'articles à la place de 'accueil, messages anciens?

    RépondreSupprimer
  4. Bonjour,
    Merci pour votre blog très instructif. Sur le mien, remplacer message précédent, suivant par l'article ne marche pas. Il s'affiche juste les 2 parenthèses. Comme j'ai d'autres scripts cela provient peut-être de là. J'ai enlevé les codes.
    C'est sur ce blog : http://www.erhabenmaya.com
    Bonne continuation.

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT