16 juin 2011

Comment installer un nouveau Template sur Blogger / Blogspot


A un moment de votre carrière de bloggeur vous allez surement devoir changer de template pour que votre blog soit plus esthétique et/ou plus professionnel.




1-Sauvegarder votre template actuel
Pour que vous puissiez revenir sur votre Template précédent, au cas où le template choisit ne vous plairait pas, il faut que vous sauvegardiez votre Template:

Connectez vous à Blogger - Allez dans "Présentation" -  "Modifier le code HTML" - cliquez  sur "Télécharger le modèle dans son intégralité".

2-Télécharger un nouveau Template
Pour télécharger un nouveau Template, beaucoup de sites sont présents sur la toile.

Thèmes à apparence professionnels (Parfois ces templates ne marchent pas!!!): http://www.premiumbloggertemplates.com/

Autres sites:
Cherchez en avec Google.

Sur ces site vous pourrez ensuite télécharger l'un des design.

3-Installer votre nouveau Template
Une fois votre template transféré il est souvent compressé. Si c'est le cas, il faut le décompressé avec un logiciel tel que "Winrar".

Une fois cette étape faite, allez dans "Présentation" -  "Modifier le code HTML" cliquez sur "Parcourir" et ouvrez votre nouveau Template (le fichier .xml) téléchargé au préalable.
Cliquez sur "Transférer".
Blogger va vous demander de confirmer la suppression des widgets. Comfirmez la si vous ne voulez pas garder vos Widgets, sinon refusez la.




Voilà, vous avez un nouveau Template. Maintenant vous pouvez commencer à personnaliser votre nouvelle Template, si vous voulez y faire des modifications. Je vous donne ces astuces dans les autres catégories de blogger.

23 commentaires:

Lena a dit…

Bonjour ! Merci pour cette explication, mais j'ai eu un petit problème en cours de route, pourriez-vous m'aider ?
Après avoir télécharger le modèle sur mon blog, il écrit cela :
Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
Message d'erreur XML : Content is not allowed in prolog.

Que dois-je faire ? Merci :)

Dollard21 a dit…

Bonjour Lena,

Il peut y avoir plusieurs possibilité:

La première, le template n'est pas correctement rédigé en Xml. Le rédacteur c'est trompé dans les codes.

La seconde, c'est si vous avez modifié le template avant de l'installer. (mais apparemment ce n'est pas le cas)

Dans tout les cas, l'interface blogger ne reconnait pas tout le code du template.

Pouvez vous me donner l'adresse de ce template, pour que je puisse regarder ce qui ne fonctionne pas?

Très bonne journée à vous.

Lena a dit…

Bonjour !

Merci pour votre réponse !
Voici le template que je voulais installer : http://btemplates.com/2012/blogger-template-oldpaper/
(peut-être l'ai-je mal décompressé...)
Merci encore !

Dollard21 a dit…

Lena,
J'ai téléchargé le template et testé. Aucun problème n'a été rencontré pour l'installation.

Lorsque vous décompressez, vous avez 3 fichiers dans le dossier Oldpaper:
-Frequeltly asked question
-OldPaper
-Slider code

Il faut prendre le fichier appelé OldPaper. Dans le type du fichier il est indiqué, que celui-ci est en .xml . C'est ainsi que vous pouvez reconnaitre le fichier à prendre.

En espérant avoir résolu votre problème.

Je vous souhaitant une agréable soirée,
Bien amicalement.

Ps: si vous le souhaitez, un mini-cours en format écrit et vidéo pour se familiariser avec blogger, et apprendre à le personnaliser au maximum va bientôt être publié. Vous pouvez dans la section contact, m'envoyer un petit mail, comme cela vous serez informée dès la sortie du cours. (si vous êtes intéressée bien sur)

Lena a dit…

J'ai finalement réussi (mais j'en ai choisi un autre :)
Merci alors !

Pensez-vous pouvoir m'aider pour quelques manœuvres de HTML sur un blog ?

J'ai télécharger un template déjà existant. J'aimerais y insérer une manière dans cette taille-là (à peu près) : http://bookenfolie.blogspot.com/

sur ce blog-ci : http://test-book.blogspot.com/
Mais donc comme le thème ne provient pas de blogger, je ne peux modifier la largeur... Et je ne connais pas les codes à modifier... Pourriez-vous m'aider ?

A bientôt et merci !

Ps : n'hésitez pas à me contacter pour le tutoriel !

Dollard21 a dit…

Alors, c'est un peu complexe de vous expliquer en commentaire.

Est ce que vous avez quelques bases en HTML?

Dollard21 a dit…

Je vois que vous avez réussi :)
Bien joué.

Lena a dit…

Je tatonnne pour le HTML (merci les cours d'anglais ;)
Oui, j'ai réussi il y a 5 minutes !
Merci !

Dollard21 a dit…

Oui les cours d'anglais aident pas mal pour le HTML :)
Pour modifier un template blogger, il faut savoir comment il fonctionne.
Je vois que vous y arrivez plutôt bien.
Mais je vais vous donner une explication qui pourra peut être vous aider:

Les templates bloggers sont constitués avec des sortes de cases.
Chaque case représente un emplacement spécifique du blog. Exemple, le corp (le centre du blog), les colonnes sur les cotés, le header (l'entête) et le footer (pied de page). Ces cases peuvent être modifiées (leur taille, leur emplacement etc..). Dans ces cases viennent se fixer des modules (dans votre interface blogger, vous pouvez les ajouter dans l'onglet Présentation).

Sur ces cases viennent se fixer une image, ou une couleur etc.. Cela constitue le visuel. C'est pour cela que le template ressemble à quelque chose. Sans ces images, le fond serait blanc, et le template serait triste et monotone :)

En plus de cela, vous pouvez modifier la couleur des différents textes présents sur le blog (titre des modules, phrase en dessous du titre qui annonce le nombre de commentaire, titre de l'article, etc..)

Voila pour le fonctionnement, j'espère que mon explication est compréhensive :) Mais peut être que vous le saviez déjà vu que vous vous débrouillez tout de même bien en HTML.

Ensuite pour tout ce qui est de modifier, si vous avez des problèmes posez moi la question précise, pour que je puisse vous aider.

Très bonne fin de soirée,
A bientôt.

Lena a dit…

Merci pour votre super commentaire ;)
Je crois que j'avais compris toutes ces différentes parties, mais de les voir écrites les rend plus claires !

Pour mes questions précises :
- Connaissez-vous un site proposant différentes "mini-images" d'icone ? (je pensais par exemple aux petits icônes des articles du blog comme la petite montre, le fichier ou la bulle de commentaire... Je ne les aime pas trop et j'aimerais les changer. (Je sais les retrouver sur le HTML, mais je ne sais pas où je pourrais trouver d'autre icônes).

- Il y a 2 pages-menus sur ce blog-test. l'une tout en haut avec écrit "accueil - sommaire des articles" et l'autre, en dessous de l'image avec écrit "Bookenfolie - Sommaire des article - ..."
Pour le deuxième, il y a des sous-catégories. J'aimerais donc pouvoir y mettre des liens, mais je ne sais pas comment le faire voici la partie html :

---Je n'ai pas l'autorisation de publier du HTML sur ce blog... Pourrais-je donc vous envoyer le code par mai? ---

____________

Merci d'avance pour le temps que vous prenez, c'est très gentil à vous !

Dollard21 a dit…

Merci, votre commentaire me fait énormément plaisir.

Vous pouvez bien sûr m'envoyer le HTML par mail :)

Pour les icones, je vous recommande un très bon site imaginé par Frédéric Cozic qui est Icone.pro
Dans le mini-cours, je vais rajouter une liste de site pour trouver des images :)
(vérifiez bien que vous avez le droit d'utiliser les icones. En mettant droit commerciale vous êtes pratiquement certaine d'avoir le droit)

Lena a dit…

Y a pas de quoi ;) C'était sincère !

Le mail a été envoyé !

Merci pour l'information du site et pour les recommandations !

Pleasure and Cook a dit…

Bonjour , j aimerai bcp modifier la présentation de mon blog en choisissant sight sur btemplates. Je ne sais si vous pouvez m aider ? Pour sauvegarder dois je aller sur modèle puis sauvegarde/restauration j ai essayé et j ai message qui s affiche folliwing errors

Anonyme a dit…

Bonjour,

Ayant lu votre article j'ai réussi à installer un nouveau template (Business Solution) sur ce blog d'essai : "http://testdynamiclt.blogspot.fr/" mais j'aimerai le personnaliser, il y a un encart grisé "Advertise here" sous le Slider que j'aimerais enlever sans savoir comment faire ? Pourriez-vous m'y aider. D'avance merci.

Dollard21 a dit…

@Pleasure and Cook contact moi par mail dans la rubrique contact.

@Anonyme J'ai été voir et vous n'avez pas d'encart grisé advertise here. :)
Sur le site pour télécharger votre template, oui, parce que le site fait une présentation du template en le remplissant un peu. Si vous voulez plus le personnaliser, n'hésitez pas, je vous aiderais.

Ludovic Lavaissière a dit…
Ce commentaire a été supprimé par l'auteur.
Anonyme a dit…

Merci pour votre réponse, justement oui, j'aurais besoin d'aide notamment concernant la barre noire sous mon entête, j'aimerai l'utiliser comme barre menu afin que le visiteur puisse accéder au pages du blog par ce truchement mais lorsque j'ai créé mes pages celles-ci se sont retrouvées dans un "gadget" en bas de page (sous POPULAR POSTS) : "http://testdynamiclt.blogspot.fr/" Comment procéder pour arriver à mes fins ? Merci d'avance ^-^

Anonyme a dit…

Ma demande d'aide (ci-dessus) reste d'actualité en revanche l'adresse du blog a changé : http://ludovic-lavaissiere.blogspot.fr/
Merci ^-^

Anonyme a dit…

Ma demande d'aide (ci-dessus) reste d'actualité en revanche l'adresse du blog a changé : http://ludovic-lavaissiere.blogspot.com/
Merci ^-^

Dollard21 a dit…

Bonjour Ludovic,
Quand vous avez installé votre template, il y avait des liens sur la barre noire non?

Anonyme a dit…

Exact. Mais je n'arrive plus à remettre la souris dessus ^-^

Tounsi a dit…

BONSOIR : j ai Télécharger un nouveau Template pour mon blog mais malheureusement j ai pas pus changer la barre de menu ni la bannière image pouvez vous m aider car je suis pas pro de langage html merci

Dollard21 a dit…

Bonsoir Tounsi,
Contact de moi directement sur mon adresse netbusiness.activity [at] gmail.com :)

Enregistrer un commentaire

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes