Tuto #1 Mise en page + Mettre le texte centrer

Bonjour à tous, aujourd'hui je vais vous apprendre comment centrer le texte des titres d'articles et faire la mise en page. Bien évidement il faut que le thème soit celui : Picture Window Shade car sinon les prochains tutos ne marcheront pas ! 

❗ Attention si vous souhaitez garder le thème actuel que vous avez je vous invite a enregistrer votre thème pour ça allez sur la petite flèche a côté de personnalisé et cliquer sur sauvegarder. Votre thème sera enregistrer au format HTML comme ça vous pourrez toujours le remettre quand vous voulez.

Alors une fois que vous avez valider le thème Picture Window Shade on va faire toute la mise en page. On va donc allez dans la partie de gauche de BLOGSPOT. Vous allez cliquer sur thème comme l'image ci dessous. 

Ensuite une fois que vous avez ça, vous allez cliqué sur personnaliser comme l'image ci dessous.

Une fois que vous avez cliqué sur Personnaliser vous allez avoir ça 🔽

Vous allez arrivé sur cette interface là. Vous allez cliqué sur modifier l'image et la vous allez mettre votre fond de votre ordinateur. Une fois l'image choisis vous allez désactiver faire défiler l'image avec la page. Ce qui fera un plus beau rendu de votre blog. Ensuite vous allez descendre pour arriver sur ajuster la largeur comme ci dessous.

Ajuster la largeur :

Vous cliquez dessus et vous allez mettre ces paramètres là :

 

Blog complet : 1285px

Barre latérale gauche : 301px

Barre latérale droite : 260px

Bien évidement ces paramètres peuvent être modifier en fonction de vos envies. Si vous voulez plus grand ou plus petits vous pouvez tout à fait mettre les paramètres que vous souhaitez. Ensuite vous allez sur cliqué sur la partie mise en page.

Mise en page :

Vous devriez avoir ça 🔽

Vous allez sélectionner les 2 parties orangées. Bon après évidement vous pouvez sélectionner la mise en page que vous voulez. Pour ma part j'ai mis cette mise en page la qui me parait la plus simple et qui ressemble au sky. Une fois que vous avez sélectionner ces 2 parties là on va pouvoir passer à l'étape suivante qui est la partie avancé.

Partie Avancé : 

La partie avancé permet de mettre le texte de la page et aussi les titres d'articles et bien d'autres choses. Vous allez tombé sur texte de la page. La vous allez pouvoir mettre la taille du texte de la page. Si vous cliquez sur la petite flèche vous allez voir qu'il y a pleins de choses.

Vous allez pouvoir modifier selon vos envies. A savoir que dans la partie gadget par exemple il y aura ça 100% vous aurez simplement a modifier par 25px par exemple. Sinon si ca ne marche pas on pourra toujours le modifier par la suite avec du code css dans la partie modifier le code HTML. Mais ça on verra dans un autre tuto. Ensuite pour enregistrer vous avez juste ce petit bouton en bas à droite comme l'image ci dessous 🔽

Et voila si vous avez réussi a faire toute la mise en page du blog on va pouvoir passer a la prochaine étape qui est centrer le texte des titres d'articles. Pour ça on va retourner dans la partie thème comme au début. Vous allez cliquer sur la petite flèche a coté de personnaliser et vous allez cliquer sur modifier le code HTML. Vous allez tombé sur ça 🔽 mais ne vous inquiéter pas tout vas bien se passer ! 😉

Sur la gauche vous avez des chiffres vous allez donc à la ligne 353 et vous devriez tombé sur ça 🔽

Donc à côté de la ligne 353 h3.post-title { text-align: center;

vous allez mettre ce code la comme ci dessus 🔼. (N'oubliez pas de toujours mettre a la fin ces petits symboles ;) Si vous voulez voir si votre code a été mis au bon endroit cliquer sur ce petit bouton. Ca va vous permettre de visualiser votre thème. 

Une fois que vous avez réussi vous avez plus qu'a enregistrer votre thème en cliquant sur le dernier bouton sur l'image ci dessus 🔼.

 Et voila j'espère que ce 1er tuto vous aura plu.