Templates (Thèmes)

Lorsque vous créez votre blog, vous choisissez d'abord "un thème"  ou "template" (aspect du blog) par défaut.
=>voir notre article sur les modèles de thèmes de base




Ensuite vous testez les thèmes proposés par Blogger puis en choisissez un qui vous convient... plus ou moins...  En fait:
  •  l’on peut choisir un thème (plus moderne, avec design original!) en dehors de ceux proposés par défaut sur Blogger
  •  Comment 
    • en trouver (gratuitement !) 
    • télécharger 
    • et enfin installer ce nouveau  thème ou "template"

TUTORIEL

1-Trouver un thème ou "template"

Un thème ou template ?
Un thème Blogger se présente toujours sous forme d’un fichier avec l’extension .xml (theme.xml). Parfois, quand vous téléchargez un thème sur un site, c'est un fichier ".zip" compressé que vous obtenez : il faudra le décompresser pour obtenir le ficher xml, seul format utilisable. Parfois une documentation accompagne le fichier




Téchargement de templates gratuites pour Blogger

-En principe vous avez toujours une "démo" du template à visualiser avant de télécharger.
-Bien vérifier que la template ne soit pas périmée (elle ne peut plus fonctionner avec Blogger) ou  que le téléchargement n'existe plus
-Il n'est pas toujours évident de trouver une vraie template gratuite complètement fonctionnelle ! certaines existent en 2 versions : gratuite et "light"  ou  payante
-beaucoup plus de choix sur les sites en anglais



Les meilleurs sites en Français

-http://www.notuxedo.com/design-themes-responsive-gratuits-blogger/

-https://www.vickieinthesky.com/habille-blog-2015-10-free-templates

-http://www.urlittlefeather.com/2017/08/free-templates-blogger-2017.html

Sites non actualisés !

-http://www.leblogger.fr/p/blogger-template.html  des templates orientées  vers métiers
   top 20 des meilleurs sites de templates

Autres sites en français
-http://www.blogger-me.com/2013/06/blogger-themes-les-10-meilleurs-blogger.html

-https://yesweblog.fr/ou-trouver-template-blogger/


Les meilleurs sites en anglais
-http://btemplates.com/ (gratuites avec tri possible)
-http://www.zoomtemplate.com/  (avec tri possible)
-http://www.bloggerthemes.net/  (avec tri thématique possible)
-http://www.bloggertemplatesfree.com/  (avec tri possible)
-https://templatetoaster.com/templates/blogger-templates
-https://www.soratemplates.com/  des templates gratuites et payantes
-https://gooyaabitemplates.com/

-http://xmlbloggertemplates.com/
-https://copybloggerthemes.com/
-http://www.ourblogtemplates.com/
-https://gooyaabitemplates.com/free-blogger-templates/
-http://www.premiumbloggertemplates.com/
-http://www.deluxetemplates.net/

https://ivythemes.com/category/blogger-templates > certaines templates sont gratuites

Autre possibilité via une recherche Google

Faire une recherche en anglais..."free blogger template" et, éventuellement préciser une thématique (photo...) car en français, les résultats sont médiocres..



2-Notre sélection de templates responsives


-Ces templates (issues des sites conseillés ci-dessus) sont dites " Responsive" car elles permettent un affichage correct sur l’ensemble des appareils, quelles que soient taille et résolution de l'écran : elles s'adaptent.
-Sélection mise à jour en Nov 2019


Pinfinity



Inspirée de Pinterest pour Blogger, élégante et simple. Possède un menu déroulant, les boutons des réseaux sociaux et une seule sidebar.

Démonstration | Télécharger | Instructions


Johny Goreng



Une belle présentation des articles, simple et agréable.

Démonstration | Télécharger |

Fenix



Original, propose une page d’accueil très complète
Démonstration | Télécharger


Maverick




conviendra à de nombreux blogs avec son affichage de type « Grid » pour visualiser rapidement les derniers articles. Possède un menu déroulant et un second menu en haut de page,

Démonstration | Télécharger


3-Ensuite, sauvegarder votre template actuel  (votre thème) L'installation d'une template peut se révéler délicate...ou avoir des conséquences imprévues

Il est conseillé de sauvegarder votre template actuel :




Cliquer sur "Thème"

Cliquer en haut à droite sur sur "Sauvegarder et Restaurer"


 Cliquer sur "Télécharger le thème" pour faire une sauvegarde

Vous conservez donc  une copie de votre ancien design, ainsi  si  votre nouveau template ou thème ne vous convient pas ou fonctionne mal, vous pourrez restaurer l’ancien.


3-Installer un nouveau  template 


ici Démo avec une template "classic tradition" venant de 
:https://www.vickieinthesky.com/habille-blog-2015-10-free-templates


Cliquer sur "Choisir  un fichier" pour télécharger un template

Sélectionner le fichier   .xml de votre nouveau thème. 












un fichier "templatexxxx.xml" est téléchargé

puis  sur Transférer


Le thème est installé  sur le blog..

Exempe d'un Blog (de Test) avec :

 le template Blogger par défaut






                                           et ci-dessous avec le nouveau template



4-Vérification

Vérifier que le nouveau thème  s'adapte bien et, surtout, s'il accepte bien vos gadgets : il peut y avoir des problèmes d’affichage sur le nouveau thème.
Dans tous les cas, il faudra se rendre sur

 « Mise en page » pour ajuster, modifier ou supprimer : 




-les widgets qui posent problème sur le nouveau thème. 
Vous pouvez aussi essayer de réinitialiser les widgets  « Rétablir les paramètres par défaut des modèles de gadgets ».

-divers éléments qui composent votre mise en page

Exemple ici : " blog_nav_wrapper" = Le Menu est en anglais, si on clique sur "modifier"

Pas de chance : c'est vide: il faudra aller modifier directement dans le code  source du template, ce qui suppose que vous ayez un minimum de connaissance en HTML et CSS !

Voila l'extrait de  code  à modifier:





5-Plus, encore !
Pour les pros, un logiciel de création de templates  "ARTISTEER" (pour Blogger) existe :
http://www.artisteer.com/
Interface en français avec version test fonctionnelle, avec import de templates à modifier.





CONCLUSION :
Si le rendu du template ne vous convient pas  ou si un dysfonctionnement apparait, il suffit de faire la même démarche & de télécharger son ancien template qui a été sauvegardé.