CREATING A BLOG AND EMBEDDING A WORD DOCUMENT (CIT11 SPECIAL)

PART A: CREATE A BLOG (GENERAL PROCEDURE)

Step 1: Choose a Blogging Platform

Common and reliable options:

• WordPress.com / WordPress.org (Most flexible – recommended)

• Blogger (Blogspot)

• Wix

• Medium (Limited embedding options)

👉 For document embedding, WordPress and Blogger are best.

Step 2: Create Your Blog

1. Sign up or install the platform

2. Choose a blog name and domain

3. Select a theme/template

4. Access the dashboard/admin panel

Step 3: Create a New Blog Post

1. Go to Posts → Add New

2. Enter:

   • Post title

   • Introduction text

3. Position your cursor where the Word document should appear

PART B: PREPARE THE MICROSOFT WORD DOCUMENT

You cannot embed a .docx file directly into most blogs. You must convert or host it first.

Option 1 (BEST): Upload Word Document to OneDrive

This is the most professional and reliable method.

Steps:

1. Open Microsoft Word

2. Save the document

3. Go to OneDrive (onedrive.live.com)

4. Upload the Word document

5. Right-click the document → Embed

6. Copy the Embed iframe code

Option 2: Convert Word Document to PDF

Useful when embed option is unavailable.

Steps:

1. In Word → Save As → PDF

2. Upload the PDF to:

   • WordPress Media Library

   • Google Drive

3. Use the embed link or block

Option 3: Convert Word Content to Web Format

Best for SEO and readability.

• Copy content from Word

• Paste into the blog editor

• Format headings, tables, and images directly in the blog

PART C: EMBED THE WORD DOCUMENT INTO THE BLOG

Method 1: Embed Word Document via OneDrive (Recommended)

Steps in WordPress or Blogger:

1. Switch post editor to Custom HTML / Code View

2. Paste the iframe code from OneDrive

3. Adjust width and height if necessary:

<iframe src="EMBED_LINK_HERE" width="100%" height="600px"></iframe>

4. Save or Publish the post

✅ Readers can scroll, zoom, and read the document online.

Method 2: Embed PDF Version

WordPress:

1. Add File / PDF block

2. Upload PDF

3. Enable Preview or Embed

Blogger:

<iframe src="PDF_LINK" width="100%" height="600"></iframe>

Method 3: Use Google Drive Embed (Alternative)

1. Upload Word file to Google Drive

2. Right-click → Get link

3. Replace /view with /preview

<iframe src="https://drive.google.com/file/d/FILE_ID/preview" width="100%" height="600"></iframe>

PART D: FINAL CHECKS BEFORE PUBLISHING

✔ Document displays correctly
✔ Mobile responsiveness (use width="100%")
✔ Read permissions set to Public / Anyone with link
✔ Page loads fast

BEST PRACTICES (IMPORTANT)

• Do not embed very large Word files

• Always include:

  • A short summary above the document

  • A download link below it

• Convert long study manuals into PDF or HTML

• Avoid copying Word styles directly (they break layouts)

RECOMMENDED FOR YOUR USE CASE (Education & LMS)

Given your background in LMS deployment and digital publishing, the best workflow is:

Word → PDF → Blog Embed → Download Option

This ensures:

• Compatibility

• Professional presentation

• Reusability for Moodle/LMS later

Here is a sample: