Friday, May 23, 2014

Fix Embed Code Error in Blogger Template

Well, an error message appears when adding HTML/Javascript code to Blogger Template is a quite often Blogger error. That's not mean there is a problem with your script or your template, it's just because Blogger Template Editor (actually it's a XML editor) is not completely compatible with special character in script. It can happen when you add Google Adsense code, html tag or any kind of javascript code.

Why Do Errors Happen?


The HTML Editor of Blogger template is actually an XML editor and every HTML code in it must satisfies XML structure. With HTML, some error can be ignored and let's browser fix itself (browsers like Firefox, Chrome will automatically can fix HTML error and display exactly what's the coder wanted). But not with XML.

Every XML tag need a corresponding close tag and some special characters like &, <, " will make XML tag does not close properly. And that's why the parsing errors happen. Some kinds of parsing errors:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.

This is an old error message and you might not see it in Blogger nowaday, I guess. This error appears when you try adding Google Adsense code to your template. That's because Blogger XML did not accept the <script></script> tag.

“Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching “[xX][mM][lL]” is not allowed.”

This is also an old error message. It happened when you try to embed code from Adveritising Network like Bidvertiser, Chitika or Adbrite etc.

Error parsing XML, line 8, column 82: The reference to entity "xxx" must end with the ';' delimiter 

Finally, the typical blogger error message that you do encounter very often. With xxx is the error entity with special character right before it.
For example, this error happens when I add Google Font code to my template. The error at this picture below because of the & character before subset entity.
Blogger Parsing XML Error
Blogger Parsing XML Error
And this error when I added Facebook Javascript SDK, because of & character before appID.

Blogger XML Parsing Error
Blogger XML Parsing Error

How to fix this kind of error?


The error happens because of special character, therefore we need to change this character into xHTML entity.
The easiest way to fix it is use HTML Encoder/Converter from Howeblog to automatically convert special characters to xHTML entities.
How to use HTML Encoder/Converter
  1. Go to HTML Encoder/Convert Tools
  2. Paste your code in the first text box
  3. Select all the check box.
  4. Click Convert
  5. Get your code at second text box, copy and paste it in Blogger template editor.
How to use HTML Converter/Encoder

Does It Affect Your Original Code?

Not at all! This tool just converts special character into a valid xHTML entity, beside that, every line of code is kept. After add converted code to your template, , you can test by viewing your blog, then press Ctrl + U (View Source), find your code position and you will notice the converted code just like the original code.

Blogger Link List Widget Save Error

Link List Widget in Blogger is a popular widget which is used to make primary menu in many templates, include my template. If you have recently edited this widget, I'm pretty sure you would get an error message "Please correct the errors on this form", and this message still show although you try again and again. Not only you, but me and many other bloggers are having the same experience.
Link List Widget Error
Link List Widget Error

GoDaddy Promo Code Working Update 23rd May 2014

The newest promo code to buy domain at Godaddy. Let check the list below and save money for your business. All codes are only available for a limited time.
As usual, when using promo code you can not purchase by Paypal, only Visa/MasterCard is acceptable. Apply for new registration or transfer with domain .com/.net/org.
Add Godaddy Promo Code before check out
Add Godaddy Promo Code before check out