How to Embed HTML in Blogger Posts


In Blogger, switching to "Edit HTML" mode lets you add custom HTML to your posts. With this feature, you can add special styles and embed media files that add value to your content. You can also embed HTML markup code in your blog posts, without interfering with the template design. This is especially useful if you consistently blog about formulas, functions or programming. In order to do this, you need to format your markup or code in such a way that browsers will output them as is, rather than render them.

Things You'll Need

  • HTML or plain text editor (Notepad, Notepad++, Adobe Dreamweaver or Aptana Studios)
  • Load your HTML source code into an HTML or plain text editor.

  • Replace all reserved characters with their corresponding entity name. Replace all instances of "<" with "<." Replace all instances of ">" with ">."

  • Replace all quotation marks with """ (for double quotes) or "'" (for single quotes). Replace all instances of the "&" with "&amp;."

  • Enclose each line of code in "<code>" tags.

  • Enclose your entire code block in "<pre>" tags. Check your HTML tags to make sure they are closed properly.

  • Log in to your Blogger account and click on "Edit Posts" under the title of the blog that you'd like to edit.

  • Click on "New Post" if you want to create new content, or click on "Edit" beside the post that you'd like to work on. This takes you to the post editor.

  • Go to the Edit HTML tab. Copy the code from your text editor, and then paste it on the post editor window. Make sure that your HTML tags are properly closed. Click on "Publish Post" when you are done.

Related Searches


  • Photo Credit Comstock/Comstock/Getty Images
Promoted By Zergnet



You May Also Like

  • How to Embed Audio in HTML

    Embedding audio in a blog or website can provide users with many benefits. You can set the website or blog to automatically...

  • How to Post a Video in Blogger

    Google-owned blogging platform Blogger provides users with several options for personalizing and enhancing blog posts. For example, add a video from your...

  • HTML Blog Tutorial

    Blogs are the online equivalent of a journal. While some individuals create blogs for fun, others create blogs to portray a new...

  • How to Embed an Audio Player in Blogger

    Blogger is a free blog platform operated by Google. It is one of the most popular blogging platforms on the Web because...

  • How Do I Add Pandora to My Blog?

    Pandora provides HTML code for several blog widgets, including one that creates a radio station from a song or artist name and...

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!