2 ways to add html codes to blogger posts

Ever encountered an instance when you added an html or javascript code to a blogger post and yet, it didn't display properly?

Below are two techniques to add codes to posts on blogger.

Technique #1. Using COMPOSE tab.

The COMPOSE mode in Blogger is a WYSIWYG editor, thus, it shows how the posted page will look like as you are creating them.

How to add codes to a blogger post using COMPOSE mode is super easy. It can be done simply by copy-and-paste method -- you copy the codes, paste them.

Technique #2. Using EDIT HTML tab.

This involves three simple steps.

Step 1.
Go to an online HTML encoder/decoder and input the codes. In this case, I used the one from Web Tool Hub. CONVERT TEXT.

Step #2.
Scroll down to the newly encoded text. Copy.

Step #3.
Create a NEW POST. Choose EDIT HTML tab. Then, paste the encoded text.

When you switch to COMPOSE tab, you'll see the HTML codes properly encoded to your post window.


Other online HTML encoders/decoders to choose from:
Simple Code
Opinionated Geek
String Functions