Déplacer la date sur Blogger et enlever le H2 Blogspot Tuto

Voici un tutoriel pour déplacer la date sur Blogger/Blogspot du haut du titre et la mettre en dessous du titre. Et par la même occasion, vous supprimerez le <H2> de la date.

Moi, je l'ai remplacé par un <div> pour le SEO, mettre le Hn là où il faut, c'est quand même top.

Voici donc l'astuce pour remplacer l'endroit de la date; je l'ai trouvée sur un site anglais dont voici l'adresse ^{xomisse.com : tutorial-move date below the post title in blogger} .

Tuto : déplacer la date sur Blogspot/Blogger

Tout d'abord, il est fortement conseiller de sauvegarder votre template (thème) Blogger.

ÉTAPE 1/ Trouvez à l'aide de Ctrl+F cette ligne :

 <b:if cond='data:post.isDateStart'>  

Vous devez en tout avoir un truc comme ça :

 <b:if cond='data:post.isDateStart'>  
  <b:if cond='data:post.isFirstPost == &quot;false&quot;'>  
  &lt;/div&gt;&lt;/div&gt;  
  </b:if>  
 </b:if>  
 <b:if cond='data:post.isDateStart'>  
  &lt;div class=&quot;date-outer&quot;&gt;  
 </b:if>  
 <b:if cond='data:post.dateHeader'>  
  <h2 class='date-header'><span><data:post.dateHeader/></span></h2>  
 </b:if>  
 <b:if cond='data:post.isDateStart'>  
  &lt;div class=&quot;date-posts&quot;&gt;  
 </b:if>   

Supprimez l'ensemble de ce code


Etape 2/ Trouvez à l'aide de Ctrl+F cette ligne :

 <div class='post-header-line-1'/>  

Il y a deux, allez vers la deuxième et coller le code qui va suivre JUSTE EN DESSOUS.

Voici le code à coller

 <br/>  
 <b:if cond='data:post.isDateStart'>  
                     <b:if cond='data:post.isFirstPost == &quot;false&quot;'>  
                      &lt;/div&gt;&lt;/div&gt;  
                     </b:if>  
                    </b:if>  
                    <b:if cond='data:post.isDateStart'>  
                     &lt;div class=&quot;date-outer&quot;&gt;  
                    </b:if>  
                    <b:if cond='data:post.dateHeader'>  
                     <div class='date-header'>  
                      <span>  
                       <data:post.dateHeader/>  
                      </span>  
                     </div>  
                    </b:if>  
                    <b:if cond='data:post.isDateStart'>  
                     &lt;div class=&quot;date-posts&quot;&gt;  
                    </b:if><br/>  

En cas de problème, il y a votre sauvegarde et la source de l'astuce pour les illustrations photos. C'est très simple comme astuce.