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.

Commentaires

karaoké a dit…
Bonjour et merci pour toutes ces astuces pour utiliser blogger.
Je cherche perso comment trouver le moyen de mettre les signatures de commentaires en Dofollow
Merci de ta réponse
Amicalement
charles
(ref19)