WYSIWYG & HTML: What does it all mean?

Last week, I had some people asked me this question. I decided to write a post on it so that people can figure out how to add all the cool gadgets to theiir post like other people do. In this, I will show you how to insert HTML code into your post. This will allow for you to add a widget to your post, a video, or a simple button for someone to subscribe to your blog. As always in these, I have taken some snap shots for you so that you can follow along.

First, we will discuss the difference in WYSIWYG and HTML (sometimes referred to as CODE). WYSIWYG is also know as "WHAT YOU SEE IS WHAT YOU GET". HTML is HyperText Markup Language. As Wikipedia defines it "It provides a means to describe the structure of text-based information in a document — by denoting certain text as links, headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of tags, surrounded by angle brackets." Looking at the photo to the left, you will see the green arrow is pointing at WYSIWYG while the red arrow is pointing at a highlighted HTML.

The reason that the highlights are different as you can see in the photo to the right here, signifies which writing format you are in. If it is highlighted, then you are in the other one. It is always best to write your entire blog first (unless you are dynamite at writing code) under the WYSIWYG tab and then go in later to add all the HTML that you want. You wil be able to place the code where you want in your verbiage then. Switching between the two of these formats will give you a pop up window that looks just like the one right below here. Make sure that you heed this waring because you will hate yourself if you go and do all this work and not have it saved and then have to redo it. So, lets see how to save this.

The first thing you will want to do is write the post, add any pictures and hyperlinks that you want to add in the WYSIWYG tab. Once you have done all that, then you will go just below the post window and there is a place that says visibility, just like what is to the left of the picture here. There are 4 selections in there; Public, Members Only, Associates, and Draft. You will first save this as a draft.

Once you have selected the draft option to be used, you will goo to the bottom of the page. At the very bottom is a clickable like that reads "Post Blog Entry" and looks just like the button to the right. Click that button and it will then save. Once you have done that, you will want to click on the edit button that will appear right beside your title of your post and then switch to HTML Mode.

Now, if you have not already found your code that you will be adding, it is time to go off and do so. You ask where might you find that? It is quite simple really. If you are looking on YouTube or DailyMotion, you will look for the EMBED word and the code is there. The picture to the left will display this for better view to guide you to what you are looking for. Once you find the code, then you are going to copy the code and place it in the HTML page of your post. Once done, you can save again as a draft. The video should show like the one in the picture below.

Other examples of HTML codes that can be saved and added to each blog that you choose is the one below. You will see this on the bottom of almost all of my post and it is nothing more that a section about the author and a clickable like that takes you to a secure on-line application for a mortgage and a clickable link for our wesite. There are also at least 4 other hyperlinks to this code. All I do is copy and paste it the bottom of the post that I want it on. Once you do the set up the first time, you can go back in and copy it off the HTAML page and then put it on a word document for east access.

Now, once it is all said and done, your HTML page should look like the one below here.

About the Author

If you are in the market to purchase a home or even refinance an existing loan and you want a loan officer that will walk with you every step of the way, then contact Danny or Rich of the Thornton Team at Home America Mortgage today. We can have you pre-approval in as little as 4 hours. You can visit our website or send an email to thorntonteam@homeamericamortgage.com or call us @ 770-998-1964.