jeudi 9 mai 2013

Remplacer "Messages Plus Récents", "Accueil" et "Messages Plus Anciens" par des images



Article #0 de la série

Tous les articles concernant ce "bidouillage" sont visibles dans le libellé liens précédent et plus récents

Un truc intéressant pour remplacer les sempiternels "messages plus récents" et "messages plus anciens" ainsi que "Accueil" par des images: http://theblogueur.blogspot.com/2012/03/liens-recents-anciens-blogger-images.html

Je l'ai fait avec mes flèches et ma petite "home" perso et ça fonctionne "impec"...

Voir ici mon mini-blog météo http://nbbc-met.blogspot.fr/ avec ses flèches en bas de page. On peut aussi les mettre en haut, mais généralement, les internautes préfèrent la météo du jour ou mieux, celle des jours suivants, donc, ils ne cherchent pas vraiment les anciens messages. Il est peut-être possible d'en mettre en haut et en bas en les dupliquant mais je n'ai pas essayé. On peut peut-être aussi se hasarder à les rendre "flottantes" de part et d'autre du blog (comme la flèche "TOP" dans ce blog) mais sans la petite maison "Home". J'essaierai peut-être un jour...

ATTENTION! CODE SENSIBLE! FAITES UNE SAUVEGARDE AVANT DE VOUS LANCER... Une petite erreur dans ce code peut vous mener à la catastrophe!

Rechercher <b:includable id='nextprev'>

Faites un copier-coller du texte ci-dessous et collez-le à la place de celui existant (il est sensiblement différent mais il est constitué aussi de 3 "paragraphes" ou de 3 sections et commence aussi par <div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'><span id='blog-pager-newer-link'>)


  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://2.bp.blogspot.com/-l9m39B0dnSc/UXhTijWG9lI/AAAAAAAAG1w/JkQ3SKYBTGk/s1600/arrow-blue-left.png' style='border: 0 none;vertical-align: middle;'/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://4.bp.blogspot.com/-SIhJaP3kc1s/UXhTiu4HneI/AAAAAAAAG10/2SeLZhlUm-c/s1600/arrow-blue-right.png' style='border: 0 none;vertical-align: middle;'/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl' title="ACCUEIL - HOME"><img src='http://3.bp.blogspot.com/-pJHGPSl7F1Q/UXhXGxGhfaI/AAAAAAAAG2I/wS91BaH5IMg/s1600/home.png' style='border: 0 none;vertical-align: middle;'/></a>

Bien entendu, vous pouvez remplacer mes flèches et ma petite "Home" par les vôtres. Comme d'habitude, ce qui est en rouge correspond à ce que j'ai changé ou modifié et que vous pouvez changer vous-même.

Un article en Anglais traitant du même sujet - Same subject in English
Voir aussi: www.digitalhubinc.com

1 commentaire:

  1. J'ai chercher plusieurs fois, je n'ai pas ce code là, je ne le trouve pas.. :/

    RépondreSupprimer