Créer un Blog avec Blogger

Ajouter des gadgets

Afin de personnaliser votre blog, vous pouvez intégrer de petits modules nommés par Blogger  "Gadgets" (synonyme de  Widget).
Ces modules aux thématiques variées que vous devez compléter (c'est en général assez facile) vont enrichir votre blog, mais attention, n'en abusez pas, trop nombreux ils vont alourdir votre blog et le rendre illisible ! 

Choisissez et sélectionnez les gadgets pertinents.



1-Méthode
-cliquer sur le menu : Mise en page
selon votre modèle  de Mise en Page, il est possible d'insérer des gadgets  à divers endroits de votre blog (haut, pied de page, colonne de droite..)
Le plus souvent, les gadgets sont positionnés dans la colonne de droite.


-Cliquer par exemple, sur le lien Ajouter un gadget sur la colonne de droite.
Un fenêtre pop-up s'ouvre vous affichant des propositions de gadgets.



2-les principaux gadgets classiques:


très simple sans aucune configuration
simple avec configuration facile
complexe, nécessite des connaissances en HTML ou  un guide précis...


-TraduirePermettez aux visiteurs de traduire votre blog en plusieurs langues.


-Article les plus consultésAffichez la liste des articles les plus consultés de votre blog.


-Statistiques Affichez le nombre de pages vues sur votre blog. 


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


-HTML et Javascript Ajouter une fonctionnalité tierce ou un autre code à votre blog.
en principe est destiné pour des utilisateurs avancés qui maîtrisent HTML et javascript...
=>peut être conçu en mode texte (un texte avec des liens par exemple)  mais autant utiliser le gadget  "Texte" !
=>peut être conçu en HTML/javascript  par simpe copier/coller d'un code : peut nécessiter ses connaissances spécifiques selon l'objectif...
=>
peut être conçu directement en code html/javascript avec un éditeur comme Kompozer puis copier /coller le codece qui nécessite des compétences donc réservé aux initiés.

ici du code html

qui donnera


-Texte : Ajoutez un message texte à votre blog qui sera toujours visible
=> Le gadget le plus facile à réaliser !  


-Image: Ajoutez une image provenant de votre ordinateur ou du Web.
=>lire en complément l'article consacré aux images




-Diaporama: Ajoutez à votre blog un diaporama de vos photos préférées. 





-Sondage :Effectuez une enquête auprès des visiteurs en ajoutant un sondage à votre blog. 
=> assez simple pour réaliser un sondge auprès de vos lecteurs !



-Liste Ajoutez une liste ( livres, films préférés, dates... ou tout ce qu'il vous plaira.) 


-Liste des libellés Afficher tous les libellés des articles dans votre blog. 
=>ce gadget est très utile : en limitant vos libellés aux mots clés  essentiels, vous pouvez créer une  forme de menu utile  pour naviguer dans votre blog.


-Profil Affichez des informations vous concernant. 
=>A vous de modifier votre profil pour le configurer et afficher ce que vous souhaitez !
Dans votre Blog, cliquer sur "Afficher mon profil complet" puis " Modifer mon profil" et configurer

 


-Archives du blog Simplifiez la navigation dans votre blog grâce à des liens vers vos anciens articles.
=> Cette disposition offre un intérêt limité sauf pour des blogs traitant de l'actualité.



-En-tête de la page 
Affichez le titre et la description du blog.
=> en principe vous avez déja configuré  votre en-tête dans "Mise en page"  > bloc "Header"  > Modifier. ( en fonction dela présence  ou pas d'uneimage  comme  titre de l'en-tête

-Attribution
  Affiche les données d'attribution de votre blog


-Email- Newsletter qui permet aux visiteurs d'être informés des nouvelles publications du blog


-Flux Rss : pour  ajouter du contenu rss sur le blog (fil d'actualités par ex)


-Lien d'inscription Flux Rss au blog pour qu'un visiteur puisse  afficher les nouveautés du blog  sur son lecteur de flux rss

 

RAPPEL :
Dans la mise en page vous:
-devez sélectionner l'endroit où vous souhaitez positionner le gadget, là où est écrit : "Ajouter un gagdet"
- Ensuite vous pouvez déplacer tout gadget par glisser/déposer

-Vous pouvez le supprimer via la mise en page

---------------------------------------------
Exemples :

 Créer un Gadget TEXTE qui présente votre blog
-Sélectionner Texte, cliquez sur le bouton +
-Paramétrer votre gadget. (ici vous présenterez votre blog en rédigeant un texte...)
-Puis cliquer sur le bouton Enregistrer
-Revenir dans la Mise en page afin de vérifier la position du gadget 
-Enregistrer votre modification 
-Allez visiter votre blog pour vérifier et modifier, ensuite, si nécessaire.

A vous de choisir les gadgets qui vous conviennent... sans abus !
Sont pratiques : "Champs de recherche" et "Liste de libellés " car ils permettent de retrouver facilement le contenu d'un blog.
---------------------------------------------------

3-Un Gadget spécifique : le gadget PAGES


Il existe la possibilité de créer autre chose que des articles : ce sont des pages (fixes)
Ces pages indépendantes "statiques" s'affichent
  • sous forme d'onglets, en haut de votre page
  • ou sous forme de liens latéraux sur le côté.
Lorsque vous avez rédigé du contenu pour vos pages, elles n'apparaissent pas tant que vous n'avez pas défini leur aspect dans le blog. Vous devez utiliser le GADGET PAGES pour configurer leur présentation dans le blog.

Cliquez sur le lien "Ajouter un gadget" situé à côté de la section où vous souhaitez afficher vos pages. Par exemple, si vous souhaitez qu'elles apparaissent sous forme d'onglets en haut de votre blog, cliquez sur le lien "Ajouter un gadget" en haut de votre mise en page.




Ensuite vous devez configurer ce gadget

=>Pour en savoir plus, consulter l'article  PAGES


4-D'autres gadgets/widgets

Vous venez de voir comment installer dles widgets intégrés à la plateforme Blogger qui se placent automatiquement dans la sidebar de votre blog, mais il existe d'autres widgets HTML/Javascript que vous pouvez ajoutez à votre blog en copiant un code dans un gadet HTML/Javascript

D'abord, il faut trouver des gadgets qui vous conviennent, voir :
gadget.leblogger
sites en anglais
theedublogger

Exemple 
Améliorer le widget Google Traduction en affichant  des drapeaux pour chaque langue  (voir ce widget sur cee blog)

Pour quelques drapeaux, copier le code cette page de
blogger-au-bout-du-doigt
ou beaucoup plus de drapeaux ce code de
blogger-au-bout-du-doigt

=> il vous suffit de copier le code proposé puis le coller dans un widget Html/Javascript de votre blog