Skip to main content

Adding An HTML / JavaScript / Text Gadget?

An interesting bit of confusion is seen, occasionally, in Blogger Help Forum: Something Is Broken.
I added a gadget using code from a third party website - but the new gadget shows the code, instead of the gadget content, when I view my blog!
This is somebody who was confused by the options offered by the gadget setup wizard.

When you add an HTML / JavaScript, or a Text, gadget to a blog, you can get odd results.

"Add a Gadget" provides the "HTML / JavaScript" and "Text" gadgets - your choice.

The captions and labels in the "Configure HTML/JavaScript" or "Configure Text" wizard can be a bit confusing. From the "Add a Gadget" wizard, you can select either an "HTML/JavaScript" gadget ("Configure HTML/JavaScript") or a "Text" gadget ("Configure Text").

The "HTML / JavaScript" and "Text" gadgets are identical - excepting the title.

Both the "Configure HTML/JavaScript" and "Configure Text" wizards use the same code - the only difference between the two is the header.

  • Configure HTML/JavaScript
  • Configure Text

Everything else is the same. Either wizard can create an "HTML / JavaScript" gadget (in HTML mode) - or a "Text" gadget (in Text mode) - as you wish.

  • When the wizard is in HTML mode, the caption at the upper right border of the Content window will read "Rich Text". Positioning the cursor over "Rich Text" (and noting that the cursor does not change to a pointer), and clicking on "Rich Text", brings up the Text mode of the wizard.
  • When the wizard is in Text mode, the caption will read "Edit Html" - and clicking on "Edit Html" puts the wizard into HTML mode, again.

The title of the wizard does not change, when switching modes.

The header of the wizard - "Configure HTML/JavaScript" or "Configure Text" - will remain as it was when the wizard was opened, ignoring any mode changes. The caption, at the upper right border of the Content window, is what matters.

  • If you want to add code (HTML / JavaScript), you will want the caption to read "Rich Text".
  • If you want to add text (Rich Text), you will want the caption to read "Edit Html".

Being in the wrong mode will produce inconsistent and odd results.

If you're in the wrong mode, you'll be able to enter a limited amount of content - but with odd results.

  • If you're in HTML mode (with "Rich Text" showing), you'll be able to enter text - to a limited degree. HTML is simply fancy text, with tags (special keywords and symbols).
  • The HTML editor toolbar will lack a few buttons - and using special characters like ampersand ("&"), greater than (">") - and less than ("<"), will produce random and unpredictable results.
  • If you're in Text mode (with "Edit html" showing), you'll be able to enter the HTML code - but when the blog is displayed, you'll see code (which is just text) in place of a working gadget.

If you just added a new gadget - and ended up with visible code, when you tried to setup an HTML gadget - now you know why. Similarly, if the "Save" button is now broken, and you are trying to add or update a Text gadget.

This is one of several possible causes of problems seen when adding / updating the HTML / JavaScript / Text gadgets.

Comments

Popular posts from this blog

Add A Custom Redirect, If You Change A Post URL

When you rename a blog, the most that you can do, to keep the old URL useful, is to setup a stub post , with a clickable link to the new URL. Yo! The blog is now at xxxxxxx.blogspot.com!! Blogger forbids gateway blogs, and similar blog to blog redirections . When you rename a post, you can setup a custom redirect - and automatically redirect your readers to the post, under its new URL. You should take advantage of this option, if you change a post URL.

Jump Break Is Visible Only In An Index Page

Some blog owners are unsure what a Jump Break looks like, when applied to their blogs. Occasionally, in Blogger Help Forum: Get Help with an Issue , we see the confusion. Where's the Jump Break? or I added a Jump Break to several posts, but it never shows up! When asked for a screen print of what they're seeing, they may provide a image of the post, in the Post Editor Preview window - or possibly, the published post, but in post page view.

Leave Comments Here

Like any blogger, I appreciate polite comments, when they are relevant to the blog, and posted to the relevant article in the right blog . If you want to ask me a question thats relevant to blogging, but you can't find the right post to start with (I haven't written about everything blogger related, yet, nor the way things are going I don't expect to either), ask your questions here, or leave an entry in my guestbook . As noted above, please note my commenting policy . If you post a comment to this post , I will probably treat it as a "Contact Me" post . If you have an issue that's relevant to any technical issue in the blog, please leave a comment on the specific post , not here. This post is for general comments, and for non posted contact to me. If the form below does not work for you, check your third party cookies setting! For actual technical issues, note that peer support in Blogger Help Forum: Something Is Broken , or Nitecruzr Dot Net - Bloggin...