Créer un Blog avec Blogger

Menu simple via liens


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

Comment faire ?


Pour éviter de faire un menu complexe qui demande des connaissances HTML, commençons par proposer  diverses solutions simples et efficaces, y compris des esquisses de "Menus" ultra simples, accessibles à tous ...

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...)


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 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




1-VIA des GADGETS


revoir d'abord notre article consacré aux gadgets
=> Ces gadgets seront positionnés où vous le souhaitez...


CREER UN MOTEUR DE RECHERCHE INTERNE AU 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 !
il ne faut pas oublier ce gadget hyper efficace dans un blog





CREER UNE LISTE AVEC DES LIENS VERS LES ARTICLES


-Gadget "HTML et Javascript" 

Vous pouvez

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




- concevoir votre code html avec un éditeur comme Kompozer puis copier /coller le code

ici du code html




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





2-Via UNE PAGE ou UN ARTICLE

PAGE

=>
Voir notre article consacré aux PAGES

Un onglet qui présente une page de liens : vous pouvez concevoir une page classique  (items, tableau ou liste) et faire des liens  vers vos articles. (comme ci-dessus)
          Un onglet permettra d'y accéder




ARTICLE
vous pouvez concevoir un article avec votre menu en mode texte (tableau ou liste) et faire des liens classiques.

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



=>Voir cet exemple dans le blog  :http://uia-ii.blogspot.fr/


3-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" 
Modifer 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 -->

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 era 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 :






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