Modifier les pages de blogger : mettre les pages à la largeur du blog

Dans ce tutoriel on va transformer les pages statiques de blogger (  Blogger Static Pages ) et les rendre à la largeur du blog.

Voici un exemple sur cette page

Ce changement va vous permettre de distinguer les pages statiques des autres et permet aussi de les rendre plus rapides.

En général on utilise les pages statiques dans les pages de contact, du sitemap etc...Dans ce cas de figure on élabore une page sans widgets.

C'est pour cette raison qu'on va supprimer les widgets dans les pages statiques. Cette méthode est simple mais nécessite un peu d'attention.

En premier lieu il faut conserver et sauvegarder le thème de votre Blog avant de faire un quelconque changement car dans le cas où on va faire des erreurs on revient à notre premier thème.

Après il faut entrer dans votre thème comme expliquer dans ces images:

Cliquez sur thème ( figure 1 )

Cliquez sur la flèche ( figure 2 ) 

 

Cliquez sur modifier le code Html ( figure 3 )

Ensuite chercher avec la touche ctrl+f  le code du style de votre code autrement dit chercher le code suivant : </b:skin> ensuite ajouter après le code suivant :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.sidebar,.comments,.footer {display:none;}
#main-wrapper{width: 99%; float: none; margin: 0px auto;}

html {overflow-x: hidden;}.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}
</style>
</b:if>

  

Ce code va supprimer la colonne latérale - sidabar,-  les commentaires,- comments,- et le pied de page,  - footer.- des pages statiques.

Ce code fonctionne avec la plupart des thèmes de Blogger.

Mais il y a des thèmes où ces éléments ( sidebar, comments, footer ) ont des noms différents; dans ce cas il faut changer le nom par ceux qui correspondent aux thèmes. Vous pouvez ajouter d'autres Widgets à supprimer à votre code en ajoutant son nom après footer,

Dans le cas des thèmes qui ont deux colonnes cette méthode ne marche pas.

Bonne chance à tous.