Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

How to show html text in blogger posts

As many visitors ask how to embed html text in a way that it is displayed as it is in the published post and also their visitors can copy the content, so here’s a way to do that quite easily:The main problem that bloggers face is that, typing/pasting the html code in either Edit html or Compose sections during posting a blog entry is that, after publishing they dont find the code, rather the code lines are simply missing from their original place.The reason for this to occur is that if you try to type the HTML as it is (example <br/>), the web browser will interpret that as an instruction to display what follows in a new line (line break) but not display the HTML.What you can do is:

change the “<” symbol with , and also the symbol “>” with , but as to do all this manually is quite difficult, so you can use this website tool for simply converting the html code into embeddable text:

Description: This script
converts special HTML characters to their entities version inside user entered data such as a TEXTAREA before the
form is submitted. Specifically:
  • ‘<‘ becomes ‘&lt;’
  • ‘>’ becomes ‘&gt;’
  • ‘”‘ (double quote) becomes ‘&quot;’
  • ”’ (single quote) becomes ‘&#039;’
  • ‘&’ becomes ‘&amp;’

This helps prevent potentially harmful or disruptive HTML tags from being posted to your
form.

Example:

NOTE: After copying and pasting the converted text please remember to change these code snippets from the the overall code : and (starting and ending code letters) with these <blockquote> and </blockquote>

Subscribe via Email

Share this:

  • Twitter
  • Facebook
  • Pocket
  • Print
  • WhatsApp
  • Email

Related

March 25, 2009 Ritesh Sanap Blogger Tutorials, Solutions Generator

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: How To Make a Bootscreen !
Next Next post: How to display or show comment-author’s profile image in Blogger/BlogSpot blogs

Currently Trending

  • How to download Specific parts of YouTube videos
  • How to Make Your Own Avatar
  • You might also like this Widget for blogger or Related post widget
  • How to Delete Feedbacks from JetPack Contact Form
  • List Of All 255 Keyboard All Alt Key Codes
  • 100+ Best Online Games - Who Else Wants to Play ?
  • How to Change the Welcome/Login Screen in Windows XP ?
  • Windows Vista CD key
  • Add/Remove page/Post View Counter Widget For Blogger
  • h4x0r ( Hacker ) - Blogger Template

Get Latest post in your Inbox

Random Posts

Samanta Blogger Template

November 30, 2010 By Ritesh Sanap Leave a Comment

Alternative Ways to Change Blog’s Font Type

June 13, 2010 By Ritesh Sanap Leave a Comment

Basic PC shortcut keys

April 30, 2009 By Ritesh Sanap Leave a Comment

Google Talk for Chrome – Chat for Google

December 2, 2012 By Ritesh Sanap Leave a Comment

Display Anything on windows startup

February 29, 2008 By Ritesh Sanap Leave a Comment

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2023 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean