Ajouter une photo à la notice pour les commentaires
par Rodney SANKINKA
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.
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.
@+
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>
<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.
@+
:)) 
;)) 
;;) 
:D 
;) 
:p 
:(( 
:) 
:( 
:X 
=(( 
:-o 
:-/ 
:-* 
:| 
8-} 
:)] 
:-t 
b-( 
:-L 
Belle astuce mais moi sa marque sa
Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
Message d'erreur XML : The element type "br" must be terminated by the matching end-tag "".
j'ai pa réussi à le faire fonctionné correctement, l'image ne s'affiche pas.
pour les balises,
il y a -br- à fermer ------>
et dans la partie
src="#">
il faut fermer aussi ------> "#"/>