Rechercher dans le blog

lundi 8 décembre 2014

Oser changer son template blogger (tuto video)



Le voici le voilà mon tout nouveau design de blog ! Fini le vert et le gris, bonjour le coquelicot et l'imprimé ton sur ton !

Bon je crois que maintenant je ne suis plus une novice en code html... je suis devenue une bidouilleuse de template j'ai l'impression ...

J'ai remarqué que beaucoup de blogueuses n'osent pas changer leur template blogger. Comme elles, j'avais peur de faire des bêtises et de tout casser. De perdre mon blog en quelque sorte. Et puis à force de me sentir bridée dans les templates de base proposés par blogspot, j'ai été mettre mon nez et rêvasser devant les banques de templates gratuits que l'on trouve sur le net.

Et puis un jour, j'ai osé m'attaquer à ce foutu code html et changer mon template blogger pour un template plus à mon goût. Je me suis lancée sans bouée de secours directement dans le code de mon blog. Sans le sauvegarder au préalable bien sur (sinon ce ne serait pas drôle)

La première chose à faire avant de mettre les doigts dans le code html de son blog c'est de créer un deuxième blog et de sauvegarder son blog actuel (afin de ne pas tout perdre si on casse tout). Un blog qui  servira à faire les tests et que l'on met "hors ligne" Non trouvable par les moteurs de recherche (dans paramètres > basique)

Ensuite, une fois qu'on a choisi son template, on télécharge le fichier compressé (.zip ou .rar). On l'ouvre et on extrait le fichier .xml

Une fois que cette étape est terminée, on peut commencer à modifier son blog test.

Dans la vidéo suivante, je vous propose de vous montrer comment importer son nouveau template puis comment traduire en français les phrases comme 'Lire la suite' ou 'articles les plus lus'.

Enfin, je vous montre comment ne conserver uniquement que les icones de réseaux sociaux qui nous concernent et comment les lier à nos pages facebook, twitter, instagram...

(J'utilise la méthode du copier/coller car je trouve qu'elle est plus rapide que l'import de fichier proposée par blogger.)

(et on coupe le son car j'ai oublié de couper le micro et je regardais la tv ^^. comme j'allume pas le son de mon pc, je me suis rendue compte alors que la vidéo était déjà sur youtube... #fail)




PAS A PAS
  • Aller dans son BLOG TEST
  • Cliquer sur "Modèle" puis sur "Modifier le code html"
  • Une page s'affiche avec le code html du blog.
  • Ouvrir le fichier .xml avec "bloc notes" ou "wordpad" (ne pas utiliser word) du template choisi sur internet.
  • Sélectionner tout le fichier : CTRL+A puis le copier : CTRL+C
  • Retourner dans blogger. Sélectionner tout le fichier html : CTRL+A et coller le nouveau code html : CTRL+V
  • Enregistrer (cela peut prendre un peu de temps)
  • Et voilà votre nouveau design est importé !
  • Afficher  le blog avec son nouveau design.
  • Fignoler la présentation


TRADUIRE EN FRANCAIS :

Cliquer dans le cadre contenant le code html. puis activer la fonction Rechercher en faisant CTRL+F.

Pour transformer "Continue reading" en "Lire la suite", taper "Continue reading" dans la zone de recherche.
Dans le code, le texte est entre 2 balises a : <a>Continue reading</a>
Sélectionner le texte et le remplacer par Lire la suite. On a alors : <a>Lire la suite</a>

Pour "Popular posts", taper dans la zone de recherche "Popular p" bien mettre l'espace sinon vous trouverez tous les codes liés à la zone et non la partie texte.
Modifier le texte title='Popular post' par title='Article les plus lus'
Vous pouvez également aller dans "mise en page" et changer directement le nom du widget.


ICONES DE RESEAUX SOCIAUX

Pour n'afficher que les icones de réseaux sociaux qui vous concerne et les lier à vos comptes, dans la zone de recherche du code html, tapez "facebook" jusqu'à trouver la ligne des icones sociaux construite sur cette syntaxe :

<a href='#' ><i class='code de l'image facebook'/></a>

Effacer les réseaux où vous n'êtes pas présente. Cela effacera leur affichage sur votre blog.

Coller le lien de votre page à la place de #
Enregistrer.

Et voilà !

Une fois qu'on est contente de son résultat, on copie le html du blog test et on le colle à la place du html de son blog (après avoir sauvegardé son design initial au cas où !  - Exporter/Sauvegarder le blog --> cela crée un fichier.xml de votre blog)

Osez les filles !!

Si jamais vous avez vraiment fait des grosses bêtises, un retour en arrière est toujours possible (vers un template de base) : Modèle > Modifier le code html > Rétablir les paramètres par défaut des modèles de gadget. > Enregister
Modèle > personnaliser


Après quand on commence à être plus à l'aise avec le code html, on peut vraiment modifier les template gratuits disponibles sur le net.
Pour ma part, je n'enlève pas la mention copyright mais je rajoute "customisé par"si cela est possible.

et pour modifier/compléter le menu du template c'est ici que ça se passe !




Exemples avec deux designs MamzellGwen:
  • Template MAIN PHOTO
Traduction en français
Modification des couleurs du thème, 
Import des polices d'écriture et des icones de réseaux sociaux (qui ont étrangement disparu il y a une semaine???)
Redimensionnement de l'affichage des images.
Redimensionnement des cadres.
Redimensionnement de la barre top navigation et de la taille de l'emplacement de la bannière.
Suppression du résumé d'article sur la page principale et de l'icone 'lire la suite'

Template utilisé : MAIN PHOTO


Après customisation :


  • Template Boxer

Traduction en Français
Import de polices d'écriture
Import d'icone de réseaux sociaux
Modification des couleurs du theme
Changement du fond 
Redimensionnement du header et enlevement de l'image
Masquage de l'affichage du nom du  blog (en haut à gauche)
Diminution et repositionnement du bandeau et des icones sociaux
Ajout d'un lien vers la page d'accueil sur l'image d'avatar du bandeau
Redimensionnement des numéros 'articles populaires'
Changement d'icone appareil photo par un coeur sous le titre des posts
Transformation et repositionnement du bouton 'Lire la suite'



Template utilisé : BOXER


Après customisation :



63 commentaires:

  1. C'est vraiment génial. Je ne pensais pas qu'on pourrait faire de si beau design à partir de template que je trouve pas terrible. Bon boulot, et bel article :)

    RépondreSupprimer
  2. Bonjour Mamzell' Gwen!!
    Tout d'abord merci pour ton article!! Cependant je n'arrive pas à faire la suite :

    "Import de polices d'écriture

    Import d'icone de réseaux sociaux

    Modification des couleurs du theme

    Changement du fond

    Redimensionnement du header et enlevement de l'image

    Masquage de l'affichage du nom du blog (en haut à gauche)

    Diminution et repositionnement du bandeau et des icones sociaux

    Ajout d'un lien vers la page d'accueil sur l'image d'avatar du bandeau

    Redimensionnement des numéros 'articles populaires'

    Changement d'icone appareil photo par un coeur sous le titre des posts

    Transformation et repositionnement du bouton 'Lire la suite'"

    Quand je vais dans "outil de création de modèle" je me retrouve face à "non disponible pour ce modèle" pour changer l'arrière plan ...

    Comment doit on faire?

    Merci d'avance pour ta réponse
    Elle

    RépondreSupprimer
    Réponses
    1. Coucou !
      Tu ne pourras le faire depuis l'outil de création de modèle. Pour ce template en particulier, il faut aller directement dans le code source (html). C'était un exemple de comment j'ai modifié le template de départ ! Si tu connais un peu le code html, tu vas pouvoir modifier l'ensemble. (au pire envoi moi un mail avec ce que tu veux faire exactement, ton identifiant et ton mdp et je ferais les modifications sur ton template) :)

      Supprimer
  3. Merci pour ta réponse!
    Effectivement je suis un peu novice lol mais j'aimerais bien apprendre pour pouvoir modifier mon Template à souhait ^^ Merci beaucoup pour ta proposition mais est ce qu'avant tu peux m'expliquer comment faire les modifs tant pour changer la police, que la photo ou encore modifier header...? Si jamais je n'y arrive pas je voudrais bien ton coup de pouce ^^ mais ca me tiens vraiment à cœur de pouvoir réussir à le faire au cas ou je veuille le modifier ou encore créer un autre Template pour les autres pages...

    merci d'avance!!

    Elle

    RépondreSupprimer
    Réponses
    1. ok, alors pour la police tu as le tuto ici : https://www.youtube.com/watch?v=lpA-duOXwfg
      pour la photo, tu importes ton url à la place de celle du template dans la balise : div class='avatarcontainer'
      et pour le header , il suffit de supprimer l'image présente pour que le motif devienne visible. Pour le reste tout se passe au niveau du bloc header où tu peux ajuster les différents paramètres.
      Pour le coeur à la place de l'appareil photo, il faut modifier le fa code. div class='fa fa-heart-o'
      voilà, tu as de quoi t'amuser pendant quelques heures :)

      Supprimer
  4. Super!!

    Merci!! Je m'y met dès demain matin... J'aimerai bien m'y mettre ce soir mais... peux pas ;)
    Je vais essayer et je te dis si je bloc ou si autre chose me vient à l'esprit!! En tout cas big merci pour ta réactivité! Je découvre les blogs depuis peu et je suis ravie de faire des rencontre comme toi! ^^ Ton blog à une réelle utilité pour la blogo communauté! ;) (en tout cas pour moi^^)
    PS je n'arrive pas à supprimer l'image pour faire apparaître le motif... j'ai déjà essayé!

    RépondreSupprimer
  5. Bon... Je galère j'y arrive pas!! :_(
    A chaque fois que j'essaie de faire un changement ca me marque ça :

    Impossible de charger l'aperçu du modèle : Erreur d'analyse XML, ligne 3293, colonne 3 : The element type "b:skin" must be terminated by the matching end-tag ""..

    Tu peux me faire une explication détaillée stp?? Un peu comme tu avais fais point par point dans ton article... j'ai bien réussi comme ça!
    Merci d'avance

    RépondreSupprimer
  6. Coucou Gwen!

    Alors petit debrief : j'ai réussi à faire quelques petites modif' mais je bloque sur les points suivants :
    - la police du titre et (sous titre) : je ne trouve pas le code qui correspond au titre du blog (même en tapant h1 comme dans ton tuto). Pareillement je ne sais pas comment changer la couleur et pour modifier la taille.
    - la photo avatar : je n'arrive pas à la changer
    - Je n'arrive pas à enlever le nom du blog en haut à gauche
    - Je ne sais pas comment modifier les noms de pages en haut et enlever ce qui ne me sert pas (our features...)
    - j'aimerais bien faire apparaître la dates de mes articles
    - J'aime bien la couleur du petit cœur (le miens est gris? :( )

    Voilà pour le moment c'est pas mal ... si déjà je fais ça ça pourra commencer à ressembler à quelque chose... ^^

    Merci d'avance du temps que tu vas consacrer à me répondre! ;)

    Elle

    RépondreSupprimer
    Réponses
    1. Je te fais un mail ce soir !

      Supprimer
    2. Bonjour Mamzelle Gwen,
      Merci pour ces explications, tout ça me parait un peu moins obscur...
      Je galère comme Elle et ce qui m'amène à regretter de ne pas voir le mail que tu lui as envoyé posté ici-même. Ca m'aurait drôlement servi. Peux-tu le faire encore ?
      Merci par avance
      Ada

      Supprimer
  7. Hello, Gwen ! Article très utile et bien expliqué, malheureusement, je ne suis pas forte pour ce genre de choses. Lorsque je veux modifier certaines choses dans l'outil de création de modèle il n'y a quasiment rien. Si tu veux me donner un coup de pouce ce serais très gentil :) J'adorais arrivée avec le même résultat que toi avec plus de couleur :) Bonne Soirée
    Nabiin ♥

    RépondreSupprimer
    Réponses
    1. Hello ! Je te conseille de choisir un template plus simple pour débuter. Il y en a de tres jolis sur le net et plus faciles a customiser. Certains sont meme modifiables depuis l'outil de création de modèles.

      Supprimer
  8. D'accord ! Merci de répondre aussi vite :) A bientôt !

    RépondreSupprimer
  9. Bonjour, super article j'ai comme tu dis osé le faire par contre je bloque sur deux points: je n'arrive pas à choisir la taille de mes photos dans mes articles. La présentation impose une taille.
    Et d'autre part, j'ai réussi a changé les noms de mon menu par contre je ne sais pas comment relier mes articles à mon menu (je ne suis pas sure d'être très claire). Merci d'avance

    RépondreSupprimer
    Réponses
    1. coucou ! Je ne comprends pas bien le premier point.
      pour le second, au meme endroit que les noms de ton menu tu dois avoir quelque chose qui ressemble à href="#" il faut que tu remplaces # par le lien de ta page.
      Bonne soirée

      Supprimer
  10. Grace à cet article, mon blog ressemble enfin à quelque chose d'unique et de personnalisé ! Merci Gwen !

    RépondreSupprimer
  11. Coucou,
    Je viens de tomber sur ton blog par hasard justement en me renseignant un peu sur le codage. Je suis justement en train d'essayer de faire un blog (gratuit pour commencer et si je m'en sors je passerai sur wordpress.org), mais les templates ne me plaisent pas évidemment, du coup je trifouille un peu aussi pour essayer de customiser comme je peux.
    Je suis impressionnée par les résultats que cela donne après un coup de ta baguette magique. Je me demandais juste comment tu avais appris à t'en sortir dans le codage ? Sur le tas, ca vient au fur et à mesure à force d'essayer de bidouiller ou tu as pris quelques cours ?
    En tout cas ton blog est sympa, je le met dans mes favoris direct :)
    Bisous !

    RépondreSupprimer
    Réponses
    1. Hello !
      Merci pour ton message et tes compliments :)
      Je n'ai pas appris le code, c'est à force de bidouiller j'ai fini par comprendre quelques trucs (ça reste de la logique) et j'ai fais quelques recherches sur le net (notamment pour la terminologie).
      bises

      Supprimer
  12. Coucou Gwen,
    Avec toutes tes indications j'ai pas mal modifié mon template. Je dois avouer que je bidouille, je teste, je regarde le résultat. Mais je dois avouer que là je bloque. Lorsque ma page d'accueil s'ouvre mes articles se mettent sur un menu avec une photo de présentation pour chaque article (voici mon blog pour que tu puisses comprendre en même temps: http://justmelleamelie.blogspot.fr/), cependant je souhaiterais que ma photo de présentation soit plus grande et que le texte soit justifié, mais je ne trouve rien dans mon code. Peux tu m'aider?

    Merci d'avance

    RépondreSupprimer
    Réponses
    1. Hello Amélie,
      J'ai été jeter un oeil à tout ça !
      Pour le résumé, il faut que tu rajoutes la ligne : text-align:justify;
      Pour la taille de la photo c'est dans les attributs, tu dois avoir un width/height qui défini la taille de la photo. Il faut que tu les modifies en fonction de la largeur de ta sidebar. Si par ex ta sidebar est de 300 px, il faudrait width:290px; height:290px; si l'image est carrée ou sinon juste width:290px; si elle n'est pas carrée sinon elle sera déformée.

      Supprimer
    2. je suis cloche, c'est pas TA photo que tu veux lus grande mais la photo de présentation de l'article ! bon ben pareil, tu dois avoir une ligne dans le code pour la taille de la photo. Attention cependant, je ne sais pas comment c'est développé mais ça peut faire sauter l'ensemble du template. ça m'est déjà arrivé ^^

      Supprimer
  13. Merci pour ton conseil, bon je n'ai pas trouvé la ligne pour changer le texte justify mais c'est pas grave je suis déjà contente du résultat.
    Bonne soirée

    RépondreSupprimer
  14. Bonjour,
    Tout d'abord, je suis tombée sur ton blog par hasard parce que je cherchais comment modifier le code html du thème de mon blog que j'ai trouvé sur un site et j'ai été impressionnée que tu y sois arrivée seule parce que moi, je dois bien avouer que je patauge un peu ^^ j'ai quand même réussi à modifier quelques trucs comme le menu et les "gadgets" sur le côté après le reste viendra par la suite je pense. La seule question que j'aurais à te poser, ça serait sur quel site tu as fais ta bannière ou les bannières que tu as fais pour les autres blogs ?

    Bisous

    RépondreSupprimer
    Réponses
    1. Bonjour,
      je fais mes bannières avec photoshop à partir de visuels libres de droits que je modifie.

      Supprimer
  15. Bonjour, merci pour cet article bien utile ! :)
    Petit problème pour moi, impossible de modifier le "continue reading", en tapant ces mots dans la barre Ctrl+F, il ne trouve rien. Y à t-il un autre moyen de le trouver ? Une autre appellation peut être ?
    Merci.

    RépondreSupprimer
    Réponses
    1. Hello !
      Certains templates gratuits ne permettent pas de modifier parce qu'ils font appel à un script externe. tu peux totalement le supprimer si tu ne veux pas le voir appraitre. As tu cherché juste "continue" parfois ils sont appelés à 2 endroits (continue et reading)
      Bonne soirée

      Supprimer
  16. Bonsoir ! J'ai exactement le même souci que Darkly J ci-dessus : taper "continue" tout simplement ne permet pas de modifier quoi que ce soit : aucune entrée en anglais n'est trouvable dans le champ HTML... Du coup ça devient problématique quand il s'agit des commentaires, ou des liens pour changer de page, on ne peut pas franchement les supprimer :/
    Une idée de comment faire ? Comment ça fonctionne cette histoire de script externe ?

    (l'url du blog, ce sera peut-être plus parlant http://loutrinski.blogspot.fr )

    RépondreSupprimer
    Réponses
    1. Tu peux les supprimer ou plutôt ne pas afficher en réglant les valeurs à 0 et les couleurs sur blanc. Ils ne seront plus visibles.

      Pour les scripts si tu les supprimes en général ça fait planter le template. Ou sinon tu peux l'acheter et là tu pourras en faire ce que tu veux car il sera complet.

      Bonne soirée !

      Supprimer
  17. Hello merci pour cet article mais ce que je n'arrive pas bien à comprendre c'est ou est ce que tu as trouver ton ce code HTLM pour le nouveau design de ton blog?
    C'est toi qui l'a écrit ou bien tu la trouvais sur internet? Est-ce payant? Je ne comprends pas vraiment bien..

    A bientôt,
    http://sofunnygirl.blogspot.fr

    RépondreSupprimer
    Réponses
    1. Hello
      il existe des banques de templates gratuits sur le net. tu choisis, tu télécharges le fichier et tu l'importes.
      ++

      Supprimer
    2. Hello, merci pour avoir prit le temps de me répondre. J'aimerai beaucoup changé le design de mon blog mais tout les templates que je trouve sur le net son payants.. en connais-tu quelques sites ou je pourrais en trouver gratuitement?

      PS: J'adore la nouvelle déco que tu as faite sur le blog de Camille (camilleblogmodelifestyle) c'est très épurée et design ;))

      Des bisous,
      http://sofunnygirl.blogspot.fr

      Supprimer
    3. il suffit de taper "free blogger template" dans ta barre de recherche et tu as l'embarras du choix !
      par ex : http://www.cssauthor.com/free-responsive-blogger-templates/
      ou http://www.themexpose.com/ ou http://www.mybloggerthemes.com/

      Supprimer
    4. Merci beaucoup, au fait je t'ai envoyé un mail concernant ton article "Pimp ton blog"

      A bientôt :)

      Supprimer
  18. merci beaucoup pour cet article

    RépondreSupprimer
  19. Hello ! Ton blog fait partie de mes favoris :)
    J'ai osé changer de template et j'ai opté pour le Main photo. J'ai fait pas mal de retouches
    et c'est sympa. Mais la fonctionnalité des boutons de partage ne marche pas sur ce modèle...
    J'ai cherché à modifier mais j'y arrive pas... j'aimerais pouvoir afficher des boutons de partage tels que tu l'as fait...
    Mon blog c'est: http://thelifestyleofab.blogspot.com
    Merci !

    RépondreSupprimer
    Réponses
    1. Hello !
      Il existe des tutos sur google pour ajouter des boutons de partage. Après à toi de les modifier pour leur donner l'aspect que tu souhaite !
      Bonne journée :)

      Supprimer
  20. bonjour,
    Je voudrais faire le grand menage sur mon blog,
    je voudrais metrre une "bande de photo" qui defile de maniere aléatoire
    je ne sais pas comment faire
    peux tu m'aider?

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Il existe des tutos pour installer des carousel ou slider sur blogger. Tu trouveras ton bonheur en faisant une petite recherche sur google ! (par contre pas de aléatoires :/ )

      Supprimer
  21. recoucou,

    Comment fais tu pour obtenir les image en rond dans la barre latérale?
    j'aime bien
    bisous

    RépondreSupprimer
    Réponses
    1. Hello
      C'est simple, ajoute la ligne border-radius: 50%; dans la gestion des images !
      ++

      Supprimer
    2. Ok mais ou se situe le bloc où ajouter ce parametre
      merci de prendre le temps de renpondre

      Supprimer
    3. ça dépend des template. Si tu n'y connais rien, je te conseille de laisser tel quel.

      Supprimer
  22. effectivemnet je n'y connais rien lol!
    j'ai essayé mais ca ne change rien

    RépondreSupprimer
  23. Bonjour Gwen et merci pour tes lumières :)

    J'ai fais un second blog "phase de test" et j'ai mis mon nouveau thème :) Mais je bloque énormément ! Comment lier mes articles dans le menu "beauté" dans la barre de menu? Exemple j'ai deux articles beauté j'arrive à en mettre un en important le code html dans celui du nouveau modèle mais le second je n'y arrive pas du tout ! Cela me dit qu'il y a une erreur de code :( Je te remercie :) En tout cas j'adore tes explications très simples. Mon mail perso si trop d'explication julie.deo@gmail.com. Merci beaucoup

    RépondreSupprimer
    Réponses
    1. Hello !
      Tu es loin d'etre la seule à me poser cette question ! JE ferais un tuto dans la semaine (tu vas voir quand on sait c'est tout simple :) )

      Supprimer
  24. Bonsoir,

    Déjà merci beaucoup de faire des tutos car ça aide énormément pour les nouveaux comme moi.

    J'ai téléchargé un thème, j'aimerai changé la police de mes titres mais impossible d'y accéder en allant vers Modèle > Personnaliser > Mise en page

    Cela me dit presque partout "Non disponible pour ce modèle." y'a t-il une solution à cela ? :/

    Merci beaucoup d'avance ^-^

    RépondreSupprimer
  25. Bonjour,

    Oui souvent les templates importés ne sont modifiables que dans l'interface html.

    J'avais fait un tuto pour les polices : https://www.youtube.com/watch?v=lpA-duOXwfg

    ++

    RépondreSupprimer
    Réponses
    1. Coucou !
      Merci, j'ai bien réussis ! Par contre si je peux me permettre, il ne faut pas ajouter "arial" mais descendre en dessous le code html pour voir ce qu'il faut écrire exactement pour font-family et aussi au code ne pas oublier de mettre "/" à la fin sinon cela ne fonctionne pas :)

      Supprimer
    2. Hello
      Super si tu as réussi.
      Bien évidemment il faut ajouter / à la fin du code de la police comme indiqué dans la vidéo (je l'ai même écrit dans les indications en bas de chaque étape ) il suffit juste de lire !
      Et c'est ", arial" qu'il est bien d'ajouter après le nom de la police au cas où le navigateur ne gère pas la police importée. Il est évident que si tu mets directement arial. Tu auras de l'arial !!
      J'aurais du refaire un pas à pas et tu aurais compris du premier coup ! Je le remettrais en ligne bientôt alors :)

      Supprimer
  26. Salut Gwen !
    Je suis aussi très impressionnée par le design de ton blog ! Bravo en tout cas :)
    J'aimerais te poser quelques questions car j'ai des problèmes et je voulais savoir si tu as rencontrés ces problèmes en important des templates de Sora Template ?

    - Lorque je publie un article les images apparaissent en énorme alors que lorsque j'ai écrit mon article j'ai mis en petite taille. Même en modifiant le code html de l'article rien n'y fait.
    - Autre chose qui m’embête beaucoup tous les changement de polices, couleurs de texte n'apparaissent pas dans le preview de l'article il faut à chaque fois appuyer sur read more pour voir la vraie disposition.

    Voila merci de ton aide par avance,
    WikiBeauty ;)

    RépondreSupprimer
    Réponses
    1. Hello !
      Merci pour tes compliments ^^
      Alors pour te répondre :
      - L'affichage des images est configuré en full width. Donc peu importe la taille que tu leur donnes, elles prendront la largeur de la colonne du corps d'article. Soit à modifier dans les paramètres dimages (soit en script externe et dans ce cas, tu ne peux rien faire)

      - tu n'as pas modifié les couleurs et polices sur la page principale du blog ce qui fait que tu as l'impression que les modif ne sont faites que sur l'affichage de l'article complet. Il faut que tu changes les paramètres aussi sur la page principale de résumés d'articles.

      Je n'ai aps trouvé ton blog, j'aurais bien voulu voir si c'est bien ça ;)

      ++

      Supprimer
  27. Ha non mais définitivement c'est incompréhensible pour moi.
    J'essaie je te jure j'essaie, et ce n’est pas comme si j'avais travaillé dans l'informatique :(
    Merci quand même pour cet article intéressant et plus accessible que tout ce que j’ai lu jusque-là.
    Aller, je prends un doliprane et j'y retourne !

    RépondreSupprimer
  28. Moi j'ai un soucis, en fait je viens de créer mon blog , j'ai télécharger un template sur ThemeXpose , et quand je veux modifier le code html il n'y a pas la barre search qui s'affiche et je ne sais pas comment faire c'est vraiment compliquer pour moi tout ça .
    Mon blog : http://lemondedejody.blogspot.com/

    RépondreSupprimer
    Réponses
    1. pour afficher la barre de rechere, il faut aller dans "modifier le code html" puis tu cliques à l'intérieur de la fenetre qui contient le code (peu importe où) et tu fais CTRL+F, là la barre de recherche va s'afficher et tu pourras ainsi rechercher ce que tu veux dans le code.

      J'ai été voir ton blog, pour ton menu, je t'invite à lire mon article qui explique comment le renseigner : http://www.mamzellgwen.com/2015/11/completer-le-menu-de-navigation-dun.html

      Supprimer
  29. Coucou ! Déjà, un tout grand merci pour ton article, il est super clair et très bien fait ! ;-) Par contre j'ai un petit souci, j'ai essayé à mainte reprise de coller le template sous format xml et chaque fois le code ne se met que sur la première colonne donc pas du tout comme dans l'ancien code ( désolée,je ne sais pas si je sui très claire ). Je précise, j'ai ouvert le xml sur mon mac avec text edit et je t'avoue que je comprends pas ce que je n'ai pas bien fait :/ Merci de ton aide

    RépondreSupprimer
  30. Merci beaucoup !!!!! Moi j'ai télécharger typefocus ! Est ce grave si c'est un document .zip ? Je pense que non mais je demande ta confirmation. en tout cas je l'ai ouvert sur bloc notes.

    RépondreSupprimer
  31. Superbe article, ça fait des semaines que je galère et là magique j'y suis arrivée.
    Merci 1000 fois.
    Dis moi comment as tu réalisé ton super titre de blog ?
    Des bisous

    RépondreSupprimer
    Réponses
    1. Merci !!
      J'ai réalisé le titre avec photoshop tout simplement !
      bises

      Supprimer
  32. Bonsoir, je viens d'enfin oser changer mon thème sous blogger. En cherchant des explications à mon problème, je suis tombée sur ton blog. Malheureusement, je n'ai pas trouvé la solution. Peut-être pourrais-tu m'aider ? Ce serait vraiment sympathique car après 1 nuit blanche et 1 journée à chercher, je commence à saturer LoL
    Le templates télécharger gratuitement met les photos de mes articles obligatoirement sur la gauche sauf que moi, j'aimerais les centrer.
    Je ne connais pas du tout le code HTML à modifier pour cela et j'ai beau lire et relire le tableau de code, je ne mets pas la main dessus.
    STP help me !
    MErci beaucoup
    Bisous

    RépondreSupprimer
  33. Grand merci pour ton partage !!! Je viens de faire une recherche sur "modifier modèle dans blogger" et ta page s'est affichée en premier. C'est super car tes explications sont claires et donnent envie de s'y essayer. Je ne suis qu'en phase d'essai, j'avais crée trois blog de test pour bidouiller en toutes tranquillité avant de me décider à publier quelque chose mais l'apparence sous blogger de me satisfait pas du tout. Je m'apprêtais donc à passer sous WordPress. Heureusement, tu es là. Je vais m'y mettre ce soir mais il faut déjà que je trouve un modèle sympa gratuit sans l'obligation de l'hébergement. Merci, merci, merci !!! Groses bises

    RépondreSupprimer
  34. Bonjour, super blog et super article, très clair et pourtant, j'ai un Mac et je n'arrive pas à ouvrir correctement les fichiers .xml et du coup à les copier.

    RépondreSupprimer
  35. Bonjour,Merci pour tout ces precieux conseils.
    Je veux me lancer à changer mon template mais je galère un peu à en trouver facilement personnalisable (fond ecran, bannière... ) et avec un slider de photos. Je mets un peu le nez dans le html mais je suis encore loin d'etre aussi pro que toi ;)
    Aurais tu des templates gratuits à me conseiller ?
    merci beaucoup !

    RépondreSupprimer
  36. Merci pour cet article super complet ! C'est vraiment top de ta part de partager tes astuces afin que chacun puissent avoir un blog à son image :)
    Pour ma part j'ai téléchargé un modele sur oddthemes mais j'ai un souci, sur la version web, qd j'écris un article je fais diverses modifs (caractères en gras, italique, modif de taille de police etc) & tout se modifie sauf la taille de la police... J'ai remarqué que la modif se fait sur la version mobile, j'ose pas trop trifouiller dans le code car j'suis très novice & je ne suis pas sure que ça vienne de la (j'ai mis des screens de mon souci dans mon dernier article) si jamais tu as une solution ça serait le bonheur haha !

    Une bonne soirée :)

    RépondreSupprimer

N'hésitez pas à me laisser un commentaire !
Merci de votre passage sur le blog
A très bientôt j'espère ;)