Tutorials For New Blogger

Show HTML Source-Code In Blogger

HTML has special handling for characters like <> symbols, so it doesn't work well with those characters where they shouldn't be.

Having spurious characters like those symbols in your text can have some weird effects - blocks of text not appearing, broken formatting, and generally just not seeing what you expect to see.

This can all be fixed by 'escaping' those characters. This process involves scanning the text for those characters, and replacing them with a special character-code that browsers can interpret as the correct symbol, without actually embedding that symbol in your text.

For example, the escaped character code for > is >.

Most web platforms have some way of manually encoding and decoding this escaped format.

First you need to HTML encode your source-code, we want to be able to display the HTML source so we need to encode all the HTML characters so they don't render as real HTML in the browser. For example <div> needs to be converted to <div>, otherwise it would create a div.
You could do this manually, but it takes a while so checkout this tool which does it automatically.

Example of source-code after i use that tool :

2 comments  

Categories Blog Posts, Blogger Dummies, Blogger Guide, Blogger Hacks, Blogger Help, Blogger Instructions, Blogger Tips, Blogger Tricks, Change Template, Code, Coding, Customize, Edit, HTML, Wrap