Blogging Carnival Tutorials – How to add HTML to WordPress

When participating in a blogging carnival, it will be necessary to add HTML (that the blogging carnival host provides) to the post you have already written.

In this tutorial, I’m going to show you how to add the HTML in WordPress.  It doesn’t matter if you have a self hosted (wordpress.org) or a regular wordpress.com blog.  It’s the same in both platforms.

When you write your post, make sure you have the Visual Tag highlighted. It’s located in the top left (see arrow).

Visual text tabs

Once your post is written and your pictures have been inserted, you can add the HTML and publish the post.

The HTML will be given in one of two ways. One, via email – and two, via Google Docs. Personally (and this is a personal preference) I feel that Google Docs keeps the integrity of the HTML better. I find when I receive HTML via email – I have to do tons more edits. None of the links ever work. I don’t know much about HTML – so it became a huge learning process – and a total nuisance to go back and change everything.

So, we are going to pretend that your HTML is delivered via Google Docs.

To open the Google Doc, simply click on the link that is provided to you.

Adding HTML to blogger

Here is the doc with HTML. On the top, it says Top HTML. this goes on the top of your post. You will know because it will say …

<!– START TOP CODE –>

<!– END TOP CODE –>

You copy all the code between these two lines. You highlight it with your mouse and press Ctrl C to copy. Then you go to your post in WordPress and choose the Text Tab. This is the tab which allows you to add HTML to your post . Then press paste (in the menu, using Ctrl V, or right clicking and press “paste”). It’s okay for you to copy the Start Top Code and End Stop Code lines as they will not show up in your post.

Here is the HTML which you pasted. Note that when you add the HTML, the Text tab should be highlighted (see red arrow).

Slide1 Now, you will want to click the Visual tab to make sure the post looks okay. There is nothing like a sloppy blog post. In my opinion, sloppiness reflects badly on the blogger. We want to make sure everything is neat and organized the way it’s suppose to be.

To do this.

1. Hit the Visual tab (see red arrow). This is what I see.

Slide2

The spacing here is fine, so no need to be fixed.  It doesn’t hurt to double check to make sure everything looks okay.

Now, we do the same thing with the bottom code (which contains the links to all participating blogs). We paste from the Google Doc into the HTML (by clicking on the Text tab) portion of WordPress.

We just copy between the tags…

 

<!– START BOTTOM CODE –>

<!– END BOTTOM CODE –>

 

When you’ve done that, you are done.

Check your work, save and publish!

Was it difficult for you to learn how to use WordPress?

Lisa
<muscle-up-meals
About Lisa

Hey! Thank you so much for stopping by. I'm Lisa - a homeschool mom of 3 (2 boys and 1 girl). I care about the strength of the family in America, and often blog about babies/kids, natural parenting, homeschool, and marriage. Before you leave, please sign up for my monthly newsletter (on the top right). If you do, you will be well rewarded with notification of all giveaways and sales - which will not be announced on the blog. Google+ Profile

Comments

  1. thanks for the tips, I found out about this on my own…after a LONG frustration period, LOL. I didn’t know what the “the kitchen sink” meant but after I opened it up…WOW! that made my day
    karen recently posted…Rocket Ship – Wordless WednesdayMy Profile

Speak Your Mind

*

CommentLuv badge