• ACCUEIL
  • blogger

    Menu simple via liens

    Votre blog est rempli d'articles, maintenant il faut s'y retrouver dans la masse d'informations ? 

    Comment faire ? voici des solutions simples  basés sur le concept de l'affichage d'une liste de liens


    Des "Menus"
    1-Via un Moteur de recherche
    2-Via  une liste de liens dans un  gadget
    3-Via une liste de liens  dans un article
    4-Un "faux menu" via un gadget html




    1-UN MOTEUR DE RECHERCHE VIA des GADGETS


    Ce moteur de recherche va  faire ses recherches uniquement dans votre blog

    -Gadget "Champ de recherche" Permettez aux visiteurs d'effectuer des recherches dans votre blog




    => très utile : c'est un moteur de recherche ( Google) qui ne cherche que dans votre blog ! gadget hyper efficace dans un blog et hyper simple  à installer.
    -s'affiche latéralement





    2-LISTE DE LIENS VIA des GADGETS

    Dans tous les cas  il s'agit de faire une "liste de liens"  vers vos articles (soit une liste à puces, numérotée, un tableau...)


    2-1 NOTIONS DE LIENS : RAPPEL 
    Chaque article (et page) possède une adresse web (URL), il suffit donc de faire un lien classique vers cette adresse web.

    Lors de l'édition d'un article ou d'une page, il est aisé de faire un lien à l 'aide du Menu "Associer"

    Ce lien pointe vers un article ou une page dont vous avez mémorisé l'adresse.

    En mode HTML, voici le code  : 


    Lien simple :
     <a href="adresse du lien">titre du lien</a>

     Pour obtenir :     cliquer ici
     il faut ce code : cliquer <a href="http://blogavecblogger.blogspot.fr">ici</a>

    Lien s'ouvrant dans une nouvelle fenêtre
     <a href="adresse du lien" target="blank">titre du lien</a>

    Pour obtenir :      cliquer là et une nouvelle fenêtre s'ouvre
    il faut ce code  :  cliquer <a href="http://blogavecblogger.blogspot.fr" target="_blank"> là</a>
    et une nouvelle fenêtre s'ouvre

    + Si nécessaire revoir notre article consacré aux gadgets


    2-2 CREER UNE LISTE  DE LIENS VERS LES ARTICLES dans un gadget HTML

    Utiliser 
    -Gadget "HTML et Javascript" 
    Le gadget s'affichera latéralement

    Vous pouvez

    -concevoir votre menu en mode texte et faire des liens classiques




    - concevoir votre code html avec un éditeur HTML comme Kompozer puis copier /coller le code    OU dans article de Blogger  (ex : pour utiliser les puces) puis copier coller le code dans un gadget HTML

    ici du code html




    positionné latéralement à vos articles, vous obtiendrez :
     => Voir ce "menu " dans le blog


    Autre possibilité
    Utiliser le gadget " liste de liens" mais cela crée une simple liste...





    3-LISTE DE LIENS via  UN ARTICLE

    ARTICLE

    Vous pouvez concevoir un article proposant une liste ou un tableau de liens classés  (liens classiques).


    Il faut que vos lecteurs puissent y accéder rapidement et facilement !

    Plusieurs solutions en accueil 

    -un lien visible pour y accéder
    ex un article avec ou sans titre qui contient un cadre coloré qui permet d'accéder au Menu




    -un accès direct
     C'est le plan du blog qui demeure le premier article du blog ! 

    Pour que votre article soit toujours le premier affiché, modifier sa date de publication, surtout l'année... préciser une année ultérieure !






    4-UN FAUX MENU via le GADGET HTML

    -dans un gadget HTML/Javascript,  

    D'abord aller sur "Mise en Page"  puis  en dessous de Header

     dans "Cross Column" 

    Modifier et coller votre code


    Taper ce code
    <!-- début du menu -->
    
    <div id="barre_nav">
    <ul>
    <li><a title="Titre" href="Lien">Texte du Lien</a></li>
    </ul>
    </div>
    
    <!-- fin du menu -->

    Puis...
    Ajouter des lignes de ce type 

    <li><a title="Titre" href="Lien">Texte du Lien</a></li>
    pour vos créer votre menu

    EXEMPLES


    Page d'accueil
    <li><a title="Accueil" href="http://monblog.blogspot.fr/">Accueil</a></li>
    Lien interne
    <li><a title="Mon Article" href="http://monblog.blogspot.fr/2015/08/monarticle.html">Mon Article</a></li>
    Lien vers un libellé
    <li><a title="Thème" href="http://monblog.blogspot.fr/search/label/nomdulibellé">Thème</a></li>
    Lien vers un site externe
    <li><a title="Mon site web" href="http://monsite.free.fr/">Mon site web</a></li>
    Lien vers une adresse email
    <li><a title="E-mail" href="mailto:votre@email.fr">E-mail</a></li>

    N'oubliez pas que tous les lignes <li>.....<li> doivent se situer entre  <ul> ....</ul>


    => L'ensemble donnera une barre de navigation au dessus de vos articles, mais elle sera restreinte ne pouvant avoir trop de thèmes et aucun sous thèmes !

    Voici le code final
     

    ----------------
    <!-- début du menu -->
    <div id="barre_nav">
    <ul>
    <li><a title="Accueil" href="http://monblog.blogspot.fr/">Accueil</a></li>
    <li><a title="Mon 1° Article" href="http://monblog.blogspot.fr/2015/08/monarticle.html">Mon 1° Article</a></li>
    <li><a title="Mon 2° Article" href="http://monblog.blogspot.fr/2015/08/monarticle.html">Mon 2° Article</a></li>
    <li><a title="Thème" href="http://monblog.blogspot.fr/search/label/nomdulibellé">Thème</a></li>
    <li><a title="Mon site web" href="http://monsite.free.fr/">Mon site web</a></li>
    <li><a title="E-mail" href="mailto:votre@email.fr">E-mail</a></li>
    </ul>
    </div>
    <!-- fin du menu -->
    --------------------------------------------
    et le menu qui y correspond s'affichera ainsi:




    CONCLUSION
    Bien sûr, ce ne sont pas de vrais MENUS... voir nos autres autres propositions, mais c'est un peu plus difficile !