Suite à plusieurs demandes concernant l'insertion du document «Créer son blog avec Blogger», j'ai décidé de vous proposer un tutoriel concernant l'insertion de documents Office, à savoir Word, Excel et PowerPoint, ou bien un document Pdf dans vos articles Blogger.

Pré-requis:


Un compte Microsoft:
Si vous disposez d'un e-mail @hotmail.com ou @live.com ou bien @outlook.com, vous pouvez l'utiliser sans créer un compte microsoft.
Sinon, vous pouvez en créer un sur ce lien: http://www.outlook.com/‎.
Disposer d'un document Office ou Pdf.

Le tutoriel:


1ère étape: Héberger votre document.

Connectez vous à OneDrive (anciennement nommé SkyDrive) avec votre compte Microsoft, puis cliquez sur le bouton "Charger". Voir photo ci-dessous (PS: Cliquez sur les photos pour les agrandir.).
A signaler que OneDrive vous offre 7Go de stockage gratuit, ce qui est largement suffisant pour hébérger plusieurs milliers de documents.



Une fenêtre s'ouvre pour choisir le fichier que vous souhaitez héberger. Double-cliquez dessus et il sera hébergé en ligne. Il sera visible dans la liste des documents comme sur la photo ci-dessus.

2ème étape: Obtenir le code.

Une fois votre fichier apparu sur le tableau de bord, faites un clic droit et cliquer sur «Incorporer».



Ensuite apparaîtra une fenêtre comme ci-dessous, cliquez sur «Générer» et vous aurez votre code HTML à copier.


3ème étape: Modifier les dimensions.

Le code obtenu ressemble à ceci:

<iframe src="https://onedrive.live.com/embed?cid=38DFE48B89EE14E7&resid=38DFE48B89EE14E7%21417&authkey=ALOWt-yOnoyIZ6U&em=2" width="476" height="288" frameborder="0" scrolling="no"></iframe>

Avec: width="476" signifie la largeur du document qu'on va incorporer (en px), vous pouvez ajuster cette valeur selon la largeur des articles de votre blog.
Et: height="288" signifie l'hauteur du document qu'on va incorporer (en px), vous pouvez ajuster cette valeur comme vous le souhaitez.

4ème étape: Intégrer dans un article.

Maintenant connectez à Blogger > Nouvel article.
En haut de l'interface, choisissez «Html», et collez le code obtenu dans l'étape 3 (après modification de valeurs si vous le souhaitez) où vous voulez qu'il apparaisse (Début ou fin de l'article, ou après un paragraphe).


Si vous souhaitez voire à quoi ça ressemble rendez vous içi.
Si une étape ne vous paraît pas assez clair ou vous avez un problème quelque part, veuillez laissez un commentaire ci-dessous.


6 Commentaires

  1. Merci pour cette découverte, very useful ;-)

    RépondreSupprimer
  2. Génial, merci beaucoup, je pense que ce tuto me sera très utile en cas de besoin !

    RépondreSupprimer
  3. Thank you for the valuable information

    RépondreSupprimer
  4. Merci pour le informacione.
    Je ne sais vraiment pas comment.
    Merci beaucoup!
    salutations
    bisous

    RépondreSupprimer
  5. Merci pour chaque publication.
    Ils sont très importants après !!!
    Félicitations et vont de plus.
    Gracias
    baiser

    RépondreSupprimer

Enregistrer un commentaire