How to Embed a Verystep Tool on Blogger (HTML View or Gadget)

Post or gadget: which do you want?

The difference is reach. An embed in a post’s HTML view lives in that post only — right for a calculator that belongs with one article. An embed in a gadget shows in the sidebar (or footer) of every page on the blog — right for a small utility your regulars use daily. Both routes take the identical snippet from the tool’s embed box; only the paste location changes. Blogger imposes no plan gate on either, which puts it in the small no-catch group with Ghost and self-hosted WordPress.

Step by step: inside a post

1. Open the tool and copy its embed code — the example below is the Timezone Meeting Planner.
2. Edit the post and click the pencil icon at the top left of the editor to switch to HTML view.
3. Find the spot in the markup where the tool belongs and paste the snippet on its own line.
4. Switch back to Compose view to sanity-check the layout, then publish.

Do not paste into Compose view directly — Blogger will treat the code as words to display, and your readers will see the snippet instead of the tool. That one mistake accounts for nearly every failed Blogger embed.

Step by step: as a sidebar gadget

1. Copy the tool’s embed code as above.
2. Go to Layout in the Blogger dashboard and click Add a Gadget in the sidebar area.
3. Choose HTML/JavaScript, paste the snippet as the content, and save.
4. Drag the gadget to the position you want and save the arrangement.

Sidebar columns are narrow — expect to raise the snippet’s height and let the tool stack vertically. Test on a phone before you commit; narrow frames are where clipping hides.

Worked example

The exact snippet from the Timezone Meeting Planner’s embed box:

<iframe src="https://verystep.com/embed/timezone/" title="Timezone Meeting Planner" width="100%" height="520" loading="lazy" style="border:0"></iframe>

If something looks wrong

Readers see raw code in the post. It was pasted in Compose view. Cut it, switch to HTML view, paste again.

The gadget shows but the tool is squeezed. Sidebar widths on many Blogger themes are 300px or less. The tool still works; if it clips, raise the height and accept the narrower layout, or move the embed into a post where it gets the full column.

Blank frame after switching themes. A new theme sometimes drops customised gadgets. Re-add the HTML/JavaScript gadget — the snippet itself never changed. The embed overview covers the rest of the platform landscape.