Smiley'z pour blog blogger

Mouarf, depuis un petit moment j'essaie en vain de faire apparaître des smileys dans mes blogs blogger. Pas simple, faut encore bidouiller un peu.

Comme vous voyez en début de message j'ai opté pour une solution pas très élégante mais qui marche. J'ai récupèré une petite banque de smiles et j'ai inclus les images en haut d'un message (enregistré e,n brouillon), puis j'ai mis ma banque d'images comme modèle de message de blog (onglet paramètres -> mise en forme).

Attention! Quand on inclu une image dans un post, un lien vers l'image est automatiquement inséré. Donc après avoir importé toutes mes images (et mises à la dimension souhaitée) j'ai accéder au code html du message (onglet Modifier le code html de l'éditeur de message) et j'ai supprimé toutes les balises [a href="....] et [/a] pour ne laisser que les balises [img src="... /].


Attention-Bis! Les images publiées par blogger on par défaut des "bordures" décalées de quelques pixels. Il faut donc dans la partie css du code html du blog (onglet modèle -> modifier le code html) ajouter une partie:

img.smile {border: none;
padding: 0;
margin: 0;}

Puis dans toutes les lignes de vos images ajouter:
[img class="smile" ... /], otez aussi de la balise image ce passage alt="" border="0"

Ensuite copiez (ctrl + C) le code et collez dans le modèle de message de blog. La petite banque de smiles apparaît donc automatiquement quand je crée un nouveau message.

Maintenant pour placer mes smiles où je veux dans mon texte, j'utilise également le copié/collé dans l'éditeur, c'est assez simple (mais je vais essayer de trouver plus fonctionnel). Sur ce post j'ai laissé la banque de smiles en en-tête pour illustrer mais par la suite il me suffira d'effacer la première ligne pour avoir seulement les illustrations dans le texte.