Guides / Platforms / Blogger

Install guide

Add a DreamWidget to Blogger

Where it goesHTML/JavaScript gadget
What you needFree.

First, copy your code. In the DreamWidget editor, open Settings and press Copy embed code. It is one iframe and a short script; paste both.

Add a widget to a page

  1. Add a gadgetGo to Layout and press "Add a Gadget" in the area where the widget should show.
  2. Choose HTML/JavaScriptPick "HTML/JavaScript", paste your DreamWidget code and save.
  3. ArrangeDrag the gadget where you want it and save the arrangement.

A popup, bar or chat buttons on every page

Floating widgets do not need a spot in the layout; they load once per page and float over it.

  1. Edit the themeGo to Theme, open the menu next to Customize and choose "Edit HTML".
  2. Paste before the closing body tagPaste the code just above </body> and save.
Worth knowing: To place a widget inside a post, switch the post editor to HTML view and paste it there.

Check it worked

Open the published page in a private window. The widget draws within a second; if the box is empty, see Checking it worked. Changes you publish in the editor appear on Blogger by themselves; you never paste the code again.

Other platforms