Tutoriel Canalblog : ajuster ses photos à la taille de son blog

Parce que je ne maîtrise pas l’HTML et que j’aime les explications simples, parce que je galère sur Canalblog pour faire une jolie mise en page et parce que je ne trouve pas facilement les réponses sur le forum dédié… j’ai décidé de faire 2-3 tutos histoire de vous faire partager mes trouvailles!

Ne vous emballez pas, ce sont des tutos très simples mais qui changent la vie une fois que l’on sait…

Donc ATTENTION cette nouvelle catégorie ne s’adresse qu’aux bloggeurs Canalblog!

ATTENTION bis, je suis en mode avancé! (qui permet d’en faire beaucoup)

 

1er tuto : COMMENT AJUSTER SES PHOTOS A LA TAILLE SE SON BLOG

1- Télécharger votre image via l’icône “insertion d’une image”

2- Décocher les cases
“Afficher l’image à la taille originale dans une nouvelle fenêtre” et
“Créer une miniature de l’image”

2- Passer en mode HTML

3- Repérer la ligne de code qui doit ressembler à ça :

<p><img src=”http://p7.storage.canalblog.com/73/88/611871/75068468.jpg alt=”photoCitroen” width=”800″ height=”600″ border=”0″ /></p>

4- Remplacer le début et la fin du code comme indiqué en rouge :

<p><img style=”width: 100%;” src=”http://p7.storage.canalblog.com/73/88/611871/75068468.jpg alt=”photoCitroen” /></p>

J’ai simplement supprimer ici les mentions relatives à la taille de l’image qui étaient imposées et non conforme à la taille de mon blog (width=”800″ height=”600″ border=”0″) pour les remplacer par une valeur en pourcentage qui s’adaptera quelque soit ma colonne (=”width: 100%;”).

Pour info, après alt= il s’agit du nom de la photo qui apparaîtra lorsque vous passerez la souris dessus.

 

PS: j’ai bien essayé de passer sous WordPress mais rien qu’à l’idée de recommencer ça me démotive…

Un complément, une question, un petit mot ? C'est ici

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Commentaire sur “Tutoriel Canalblog : ajuster ses photos à la taille de son blog”