Comment ajouter une image ou un smiley avant le titre de votre message (2)

Deuxième méthode que j'ai utilisée sur http://nbbc-met.blogspot.fr/ pour ma signature

• Rechercher h3.post-title dans votre code HTML. Chez moi, il se présentait comme ceci: 

h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
}

• Insérer ce code sous la dernière ligne (margin: .75em 0 0;)

background-image: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif);
background-repeat: no-repeat;
padding:0 0 10px 110px;

Ici, j'ai mis l'URL d'un smiley

Voici ce que donne le code:

/*SMILEY*/

h3.post-title, .comments h4 {

  font: $(post.title.font);

  margin: .75em 0 0;

background-image: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif);

  background-repeat: no-repeat;

  padding:0 0 10px 110px;

}

/*SMILEY*/

Méthode pour insérer un commentaire dans un CSS. En mettant des majuscules, cela permet de repérer plus facilement le code (pour changer l'URL de l'image par exemple):

/*COMMENTAIRE*/

D'après http://websilog.blogspot.com/2011/06/add-image-beside-blogger-post-title.html qui propose 2 méthodes. Vous ne serez pas sans remarquer l'originalité du look de ce blog Blogger.