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" .
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 :
j'arrive pas 2 trouver ce code "<script type="text/javascript......................
RépondreSupprimercomment faire , merci !!
le code que vous indiquez ne doit pas être trouvé mais ajouté après celui trouvé à l'étape 2.
RépondreSupprimerBonjour! 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épondreSupprimerBonjour,
RépondreSupprimerMerci 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.