Créer un menu de navigation pour blog Blogspot/Blogger



Comme vous le savez, Blogger permet de construire des pages statiques comme "A propos"..etc... et jusqu'à 10 pages.
L'astuce que je vous propose aujourd'hui est de se construire une barre de navigation pour son blog en utilisant les catégories que vous avez créées.
De la sorte, vous pourrez disposer de pages dynamiques, en fait de différents "sous-blogs" puisque chaque page pourra avoir un nombre illimité de messages et commentaires.

Cette astuce respectera la charte graphique de votre blog et il n'y a aucun code à modifier.

Rendez-vous dans Tableau de bord--->Publication d'un nouveau message-->Modifier les pages.





C'est là que vous allez créer votre nouvelle page.
Donnez lui un nom et n'utilisez pas le Gadget Liste de Pages de Blogger ( qui lui ne respectera pas votre charte graphique et c'est ça l'astuce ).

Maintenant les pages sont créées et paramètrées comme vous le souhaitez, en fait, vous les paramètrez comme vous le feriez pour un message.

Rendez vous sur le panneau de présentation de votre blog.



Maintenant, vous souhaitez que vos onglets de navigation apparaissent.
Il faut appeler un widget qui s'appelle "Liste des Liens" que vous récupérez par la fonction "insérez un nouveau gadget"
C'est là que la création des liens est importante.
Explication: quand vous recherchez sur des blogs des articles correspondant à des catégories, si vous passez la souris sur le lien, vous verrez la destination du lien, comme dans l'image ci-dessous, du blog TechToolGeek.



Comme vous pouvez le voir sur l'image, l'onglet "Technologie" est associé au lien suivant: http://techtoolgeek.blogspot.com/search/label/technologie, en fait on demande donc en cliquant sur cet onglet de faire une recherche"search", dans la catégorie="label en anglais"du mot"Technologie"

Quand vous avez construit vos pages, vous avez créé aussi des catégories, comme vous le faites pour vos messages, cette requête sert à appeller tous les articles correspondant à cette catégorie.








Partant de là pour insérer votre lien, suivez l'exemple en image,
Nouvelle url du site=lien vers la page qui compile tous les messages d'une même catégorie=http://votre blog.blogspot/search/label/votre catégorie.
NB: respectez bien la casse.
Conseil: pour vos catégories, bannissez les accents et majuscules, tout en minuscule, vous pouvez associer deux mots clés avec le signe +.



Donnez un nom à votre page qui doit être strictement identique à celui que vous avez donnez quand vous avez créé votre page à l'étape 1.

Reproduisez cette démarche pour toutes vos catégories et pages, maintenant vous avez un blog professionnel avec navigation par onglet en utilisant les modèles de Blogger ou les vôtres.

Dans cet exemple, j'ai créé un blog test en utilisant un modèle minimaliste de Blogger, http://revues2presse.blogspot.com.





Commentaires

Posts les plus consultés de ce blog

Comment installer GLPI sur Centos/GLPI ne peut pas fonctionner correctement sans les fonctions json_encode et json_decode> L'extension mbstring de votre parseur PHP n'est pas installée>

Augmenter le paramètre memory_limit lors de l'installation de GLPI / increase php memory limit/MAMP/Apache/php