Ajouter une photo à la notice pour les commentaires

Bien que chez moi on dit que trop d’esthétiques avait avilit le vélo, je n’ai pas hésité à monter ce blog pour vous fournir quelques astuces afin de mieux personnaliser vos blogs.

L’astuce que nous allons voir aujourd’hui, une astuce d’Antonio Lupetti, vous permettra de mettre une photo avec une notice juste avant la section des commentaires au bas de la page. Je conseille à ceux qui veulent utiliser cette astuce d’insérer le formulaire de commentaires à la fin de l’article.

<div class="Notice-commentaires" style="padding: 8px; background: rgb(239, 239, 239) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; margin-bottom: 0px;">
<img class="profileImage" src="#">
Votre petite notice à ceux qui vont commenter est à mettre ici (genre, ne spamez pas, ne dites pas des grossiérêtés) <br>
<div class="spacer"></div>
</div>

Dans le code ci-haut, remplacez # par l’url de l’image de votre profil (ou votre avatar)

1. Connectez-vous sur votre compte Blogger

2. Allez sur « Mise en Page », puis sur « Modifier le code Html ». Et là, cochez sur « développer des modèles de gadget.

3. Trouvez les code suivants :

Si vous n'avez pas inséré le formulaire de commentaire à la fin des articles, mettre le code après ces deux lignes :

<p class='comment-footer'>

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

si vous aviez inséré le formulaire de commentaire à la fin de l'article, insérer le code juste après les lignes suivantes :

<p class='comment-footer'>

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


4. Enregistrez le modèle et allez voir le résultat.

@+