Blogger Magic - Add An HTML Gadget

Many popular accessories start with raw HTML / JavaScript code, from different third party services.

One of the advantages of publishing a Blogger blog is the abundance of available accessories. With Blogger being in the top 3 of Internet publishing platforms, every third party service wants customers who publish using Blogger.

There are plenty of abusive or malicious accessories, that should not be installed, even when offered - and there are ways to best install the accessories, that can be safely installed.

Most accessories, from third party services, will be provided as HTML / JavaScript.

To add HTML / JavaScript code, to a blog, you can use any of several techniques - though using a new HTML / JavaScript gadget is the smartest choice. Adding an HTML gadget, to a Blogger blog, is not difficult.

Add an HTML / JavaScript gadget, using "Add a Gadget" in Layout.

1. Start from the "Layout" dashboard menu page.
2. Click "Add a Gadget".
3. Click the "+" button, for "HTML/JavaScript".
4. Paste the code, given to you, into the "Content" box.
5. Click "Show HTML/JavaScript", if the option is provided.
6. Click "Save".
7. Position the new gadget anywhere in the Layout display.
8. Click on "Save arrangement".

Start from the dashboard Layout page, and select any convenient link to "Add a Gadget". Select "HTML/JavaScript" from the "Basics" tab, in the "Add a Gadget" wizard.

Select "HTML/JavaScript" in "Basics".



Paste the code, that you have to add, into the "Content" window, in the "Configure HTML/JavaScript" wizard. And if you wish, give your new gadget a Title.

Paste the code that you have, into "Content" - with the wizard in HTML mode ("Rich Text" displayed).



And select "Show HTML/JavaScript", if provided for this template - then click on "Save". Finally, click on "Save arrangement".

Avoid several well known mistakes, when adding gadgets.

There are mistakes, that you can avoid - if you know what to do.

• Be selective, when adding third party code.
• Add a gadget, using "Basics".
• Edit an HTML gadget, with "Rich Text" displayed as the caption (for HTML) - or with "Edit html" displayed as the caption (for Rich Text).
• With a dynamic template, attach or embed the content in a static page.
• With a mobile display, enable the gadget, if you want it to be viewed.
• With templates that have a disappearing sidebar, position the gadget in the footer.
• If "Show HTML/JavaScript" is provided for this template, select that option.

Be selective, when adding third party code.

It's your blog - and you are allowed to install any accessories and tweaks that interest you. For long term stability and success, though, you should try to only install code from reliable sources.

Your readers will be happier, with your blog using reliable accessories.

Add a gadget, using "Basics".

You'll start with an "Add a Gadget" link, on the dashboard Layout page - and the "Add a Gadget" wizard.

The "Add a Gadget" wizard has the "Basics" tab, with the "HTML / JavaScript" gadget in the list - and it has the "Add your own" tab. You should find the "HTML / JavaScript" gadget, in "Basics".

Edit an HTML gadget, with "Rich Text" / "Edit html" displayed as the caption.

The "HTML" / "Text" gadgets, intriguingly have the "Edit Html" / "Rich Text" tabs.

If you want to add / edit HTML or JavaScript, the caption should read "Rich Text".



The HTML gadget, in HTML mode.



Conversely, if you want to add / edit text, the caption should read "Edit html".

It's your choice. The "HTML / JavaScript" and "Text" gadgets are the same - just the captions ("Edit html" and "Rich Text") differ.

With a dynamic template, attach or embed the content in a static page.

Adding gadgets to dynamic templates is not a straightforward process. Gadgets have to be written specifically to support dynamic templates - and the HTML gadget is not written for this.

If you want an HTML gadget to work in a dynamic template, you'll need to attach or embed the gadget, in a static page.

With a mobile display, enable the gadget, if you want it to be viewed.

By default, the "HTML / JavaScript" gadget does not display, on a mobile browser. You will have to use the Template Editor, and enable the gadget to display, in mobile mode.

With templates that have a disappearing sidebar, position the gadget in the footer.

Some Responsive class templates have a sidebar that is hidden by default. To see the sidebar, you click on the "hamburger" icon in the header.

If you want your new gadget to work with the blog loaded - even without the sidebar showing - you need the gadget in a visible section. The footer is a better choice, in this case.

If "Show HTML/JavaScript" is provided for this template, select that option.

If the option to "Show HTML/JavaScript" is provided in the "Configure HTML/JavaScript" wizard, be sure to select that - if you want the gadget to operate, with the blog loaded. If the gadget should not be visible to the reader, but it needs to operate, you still must enable this option.

It's your blog.

There are ways to make an HTML gadget work, while ignoring the above advice. Long term success will be much more likely, though, with attention to the details.

---

One of the most common accessories, added to a #Blogger blog, starts with an HTML / JavaScript gadget. This is a very versatile gadget - and it's not difficult to install. There are several common sense details, however.

Search Engine Results Are Not Permanent

One of the oddest problem reports in Blogger Help Forum: Something Is Broken comes from blog owners who only want their blog to be found, in search engine results.

I started a blog 6 months ago. I spent a week getting my blog publicised, it started showing up in search engine results, and all was well. 6 months later, my blog shows up nowhere, it's like it doesn't exist. What happened to my blog??

These blog owners do not realise that a position in any page of the search results is not permanent.

Your blog, to get more readers, needs to be indexed by the search engines - and to appear in search results, which your potential readers use.

Each Search Results Page has only 10 entries.
Each page of search results, for any search query, has only 10 entries. In order for your blog to show up on Page 1 of any search hit list, this month, one entry, that was there last month, now appears on Page 2 of that search hit list.

The owner of the blog recently demoted to Page 2 in the search hit list now has to spend some time getting his blog publicised, so his blog will appear again, on page 1. Next week, a third person is going to find his blog demoted to Page 2.

During the churn over Page 1 and 2, somebody who last month was happy to find her blog listed on Page 2, now finds it listed on Page 3. And people on Pages 3 and 4 are constantly struggling to get their blog to Page 2 and 3, respectively.

Nobody is guaranteed any desired position, in any page for any search.
The lesson here is simple - any position in the search hit list, for any search query, is not permanent - nor will it happen immediately. Similar to the churn over Follower count, when your blog gets a better position, that's because another blog is now getting a worse position.

You will get a good position from hard work, more than from imaginative techniques.

Use Search Console / Webmaster Tools to monitor search activity.
While you are busy checking the search hit lists for the appearance of your blog, you should be checking the diagnostic tools in Google Webmaster Tools. The problem that you see, reflected in the search hit list this week, may have been visible in one or more diagnostic reports last week.

You need to monitor your blog proactively, using Google Webmaster Tools, as much as reactively, using search engine results.

Attention Blog Owners - Nobody Knows Your Blog

One confusion, which we see in Blogger Help Forum: Something Is Broken regularly, concerns blog owners and their understanding about search engine functionality.

I can't find my blog!

This is frequently more completely expressed as

I can't find my blog, listed in a Search Engine Results Page, when I search by URL (blog title, some other obscure detail ...)!

Equally as mystifying are people who report

I typed in the name of some obscure porn concept, and found my blog listed. Why is my blog listed with porn?

This problem is partially caused by some browser producers, who confuse us by combining the browser address and search windows. There are other reasons for the confusion, too.

When you have a blog with an established audience, and you are able to examine demographic detail found in various visitor logs and meters, you'll observe activity from various sources.

• Search engines and similar robotic indexing services.
• People, using newsfeed subscriptions, and various newsfeed clients.
• People, pasting or typing the URL into the browser address window.
• People, clicking on links in bloglists (on other peoples blogs), and bookmarks (in their personal browsers).

People using search engines find your blog from searching for content.

When the visitor log, that you are examining, provides you with detail about your search engine traffic sources, you'll notice that most people using search engines find your blog when using search terms that reference blog content. This is because people using search engines do not know about your blog, and do not know (or care about) the blog name, title, or URL.

People who know how to use their browser most effectively, and already know about your blog, will use one of the latter 3 services to find your blog.

People who use search engines do not know about your blog - they want content.

The people who use search engines, for the most part, will be people who do not know your blog, or are looking for material other than - or in addition to - your blog. None of these people will use the blog title or URL, in their search activity.

If you are going to get new Followers, readers, subscribers, and viewers in general, you have to work hard, get the blog indexed, and get it properly publicised. And, it needs to appear in a good position, in a popular search engine results page, for some amount of time.

Use Search Console (pka Webmaster Tools) to measure search indexing results.

If you're using a blog URL search to measure search engine indexing of your blog, use the diagnostics in Google Webmaster Tools, for a more efficient and objective analysis. If you're using a blog URL search to measure visitor perception of your blog, wise up and get to work on your blog.