The aim of this guide is to teach you, step-by-step, how to convert your guest articles to ready-to-use HTML format, so host bloggers can upload and publish them easily.

Sending approved guest posts to host bloggers is an exciting time for any guest blogger. You’ve written a great post about the topic that the readers will like and appreciate, and you’ve done thorough proofreading and editing to make it flawless for host bloggers and their audience.

It is easy to just send in your guest post to each host blogger on your opportunities list. But you can go further and be helpful by sending an HTML copy of your posts instead.

You need to know this guide because you want to be that guest blogger who goes an extra step further for the host blog. You want to publish your guest post quickly and efficiently through the host bloggers’ help, while making it easier for them to do so.

Remember that you are asking a favor from host bloggers for letting you publish your work and allowing a link or two on your post. So making it easier for them to publish and not drag or annoy them (while publishing the post) is a way for you to return the favor.

Step 1: Finalise Your Guest Post

Most bloggers use Microsoft Word because it has features such as spelling and grammar checker. Other bloggers use other types of word processing software similar to MS Word.

If you have done the automatic spelling check, it is time to finalise your post by proofreading and editing some parts that require them. Also check for formatting issues if you haven’t already.

You can ask a friend to re-check, since two pairs of eyes are better than one. Ask for feedback regarding the format, spelling, grammar, and construction of the post, and edit when necessary.

Step 2: Go To word2cleanhtml.com

Type in or copy and paste this link: http://word2cleanhtml.com/

This is a free, online-based MS Word-to-HTML converter that also strips invalid tags and leaves clean HTML which is ready to use for websites/blogs and eBooks.

Step 3: Copy And Paste The Content Of Your Post

Our example is an excerpt from a page on Gazebos Australia.

So, let’s pretend we’ll be sending this short post to a host blogger and we’ll use one product photo from the e-store.

Copy the content of your post from MS Word and paste onto http://word2cleanhtml.com/.

Word2cleanhtml

Step 4: Convert From Word To HTML Format

Click the button that says “Convert to clean HTML” (as shown on the screenshot above).

No need to change the default settings.

Step 5: Strip Out Unnecessary Tags

On the resulting “Clean HTML” text editor, you can strip out the P tags such as <p> and </p>.

On the screenshot below, we have already stripped away the P tags and what we are left with is this “cleaner” version of the Clean HTML format.

strip out unnecessary tags

Step 6: Copy HTML To Clipboard

After cleaning or stripping out the unwanted tags, click the link below the editor that says “Copy HTML to clipboard”.

The pop-up box below will appear after you’ve done so. Just follow the instruction: press CTRL-C to copy the text inside the box.

Copy to clipboard

Step 7: Paste The Copied Text Onto A Notepad

Paste the text you’ve copied onto a notepad. Save it using the post’s title as the file name.

paste to notepad

You can send this text document as it is to the host blogger. But if you are allowed to include a product photo, proceed with Step 8.

Step 8: Insert Image Onto Your HTML-Formatted Post

Using an HTML code, you can easily insert your product image/photo onto your formatted post that’s already been copied onto a Notepad or text file.

But first, you must get the image URL of the product you’d like to insert.

  • On the image/photo, right-click to open up the options
  • Choose “Copy image URL

copy Image URL

  • Paste the image URL on a blank notepad or just beneath the content of your clean HTML
  • You can choose between these two HTML codes for images:
    • Basic HTML: <img src=”URL of image” />
    • With descriptive text: <img src=”URL of image” alt=”alternate text” title=”descriptive text” />

URL of image: http://cdn2.bigcommerce.com/server1600/f0dd3/products/42/images/257/oztrail-deluxe-gazebo__29761.1405378133.495.367.jpg?c=2
alternate text: OZtrail Deluxe Gazebo
descriptive title: Find OZtrail Deluxe Gazebo at Gazebos Australia e-store

Using the basic HTML code:
<img src=”http://cdn2.bigcommerce.com/server1600/f0dd3/products/42/images/257/oztrail-deluxe-gazebo__29761.1405378133.495.367.jpg?c=2″ />

Using the HTML code with descriptive text:
<img src=”http://cdn2.bigcommerce.com/server1600/f0dd3/products/42/images/257/oztrail-deluxe-gazebo__29761.1405378133.495.367.jpg?c=2″ alt=” OZtrail Deluxe Gazebo” title=”Find OZtrail Deluxe Gazebo at Gazebos Australia e-store” />

  • Choose the final HTML code for your product image.
  • On your notepad, determine the section you want to insert the product image in.
  • Copy and paste the HTML code onto the designated section of your guest post.

Pasting Image code to Notepad

Step 9: Check The HTML Format Of Your Post

To be absolutely sure that your clean HTML-formatted guest post doesn’t have error, it is best to check it using your own blogging platform.

Most bloggers today use WordPress as their blogging platform with their own domain name and hosting. If you are also using WordPress for your own blogs, you can open it to check your guest post HTML format.

  • On your WordPress dashboard, choose Add New Post.
  • Copy and paste the post title onto the title box (do not include any HTML code if there’s any).
  • Choose Text to open the text editor pane.
  • Copy and paste your guest post’s clean HML text onto the blank Text editor.

WordPress

Click Visual to see the preview of the post within the dashboard.

Visual

You can also check the live preview of your guest post by clicking the Preview button at the upper right-hand side of your WordPress dashboard.

Preview

Below is what your guest post will look like using the clean HTML format you’ll send to the host blogger.

Wordpress preview

Step 10: Send Your HTML-Formatted Guest Post

Send an email to the guest blogger with the attached notepad/text file of your HTML-formatted guest post. Don’t forget to thank him/her first and foremost for the opportunity.

If you wish to go further and provide a backup file, you can also send in an image file of the product photo and Word document of your post. You can attach all of your files using a .zip folder.

Final Checklist

Guest posting to a host blog can be a successful feat and you can even help make the host blogger’s life a little easier by sending in an HTML format of your post. This format is ready to copy and paste onto the blogging platform using the ‘text’ or HTML pane. It is also a way to return the favor to the host bloggers which, in turn, can create a more positive relationship with them.

  • Check your guest post draft for grammar, spelling, formatting errors.
  • Ask someone to re-check your post before finalising the copy.
  • Go to word2cleanhtml.com – a free, web-based Word to HTML converter.
  • Convert guest post content from Word to HTML using http://word2cleanhtml.com/ converter.
  • Strip out unnecessary tags, specifically the P tags.
  • Copy HTML to clipboard, then, paste onto a Notepad.
  • Insert image onto formatted post with HTML code.
  • Check if the HTML format works by using a blogging platform such as WordPress.
  • Check the live preview to be sure.
  • Send the guest post draft and backup files to the host blogger.