Blogger and Blogspot
Blogger Testimonials in an HTML Gadget
Blogger already has the slot a testimonial widget needs. On the Layout screen, every section offers Add a Gadget, and one of the choices is HTML/JavaScript, a box that takes pasted code. Drop the StoryProof div and script in there and the widget appears in that section. If you later want widgets in more than one section, move the script into the theme once and leave only divs in the gadgets.
- Paste both lines into an HTML/JavaScript gadget
- Or one script in the theme, divs in gadgets
- Where the gadget sits on Layout
Blogger code
What goes in the gadget and the theme
Add your widget id. For a single widget, the first card is all you need. For widgets in two or more sections, use the second card once in the theme and the third card in each gadget.
Part 1 · One widget: the whole gadget
Layout › Add a Gadget › HTML/JavaScript › Content
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Several widgets: script in the theme
Theme › My theme › More › Edit HTML
<!-- Theme › Edit HTML: find the closing body tag near the end -->
<script src="https://app.storyproof.io/embed.js" async></script>
</body>
</html>Part 3 · Several widgets: each gadget
Layout › Add a Gadget › HTML/JavaScript › Content
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Click Save on the gadget and again at the bottom of the Layout screen, then open the blog itself and refresh. The widget should sit in the section where you added the gadget.
Code is filled in inside your browser. The widget id is not stored.
The problem, solved
Blogger questions this setup answers
- Problem 1
Gadget, post or theme for the code?
Blogger lets you paste code in several places, and putting it in the wrong one means hunting for it later.
How StoryProof solves it
The StoryProof embed is a div and one script, both of which fit in an HTML/JavaScript gadget you can find and remove from the Layout screen.
- Problem 2
Sidebar and footer both want testimonials
Two gadgets each carrying the script would load the same file twice on every page.
How StoryProof solves it
Load embed.js once from the theme, and that one copy fills every StoryProof div on the page, whichever gadget holds it.
- Problem 3
Quotes copied from comments and emails
A Text gadget full of pasted praise goes stale and may quote people who never agreed to be shown.
How StoryProof solves it
StoryProof shows only testimonials you approved, and you pick which ones each widget holds.
- Problem 4
Readers would rather talk than type
Many blog readers will not write a paragraph, but they would happily record a short message.
How StoryProof solves it
One StoryProof link lets them record a video, leave an audio note or write a review in the browser, with nothing to install.
In StoryProof
Add a testimonial gadget to Blogger
Step 1 of 5
Prepare the widget in StoryProof
Pick a layout that suits a narrow sidebar or a wide footer, choose its approved testimonials, and copy the embed code.
Step 2 of 5
Open Layout and add a gadget
Sign in, choose the blog, open Layout in the left menu, and click Add a Gadget in the section where testimonials belong.
Step 3 of 5
Choose HTML/JavaScript and paste
Pick HTML/JavaScript from the list, give it a title or leave it blank, and paste the div and script into Content.
Step 4 of 5
Save twice and check
Save the gadget, then click Save at the bottom left of Layout. View the blog and refresh to see the widget.
Step 5 of 5
Adding a second widget later
Move the script into the theme with Edit HTML, just above the closing body tag, then keep only the div in each gadget.
Gadget only or theme plus gadgets?
Before you start
Limits on Blogger
Blogger help as of 2026-11-14
The Layout, Add a Gadget, HTML/JavaScript and Edit HTML steps follow Google’s help pages as read on 2026-11-14. They have not yet been tried on a live Blogger blog.
Themes without sections
If your theme offers no gadget sections on Layout, there is nowhere to add the gadget; switch to a theme that has them, or edit theme HTML directly.
Theme switches drop edits
A script added through Edit HTML lives in that theme. Changing or resetting the theme removes it, so add it again afterwards.
No Blogger gadget from StoryProof
StoryProof does not publish a Blogger gadget. You paste its standard embed code into Blogger’s own HTML/JavaScript gadget.
Badge on lower plans
A small "Powered by StoryProof" badge stays visible until Pro.
FAQ
Questions people ask
Short answers to what usually comes up next.
Will the gadget show on every post?
A gadget belongs to a layout section, so it appears wherever your theme shows that section. Check a post page and the homepage after saving.
Does the gadget title have to be filled in?
No. Leave it blank if the widget already has its own heading, or use a short one such as What readers say.
Can I edit the gadget from my phone?
Layout editing is easiest on a computer. Make the change there, then check the result on a phone.
Is Blogger’s HTML/JavaScript gadget free?
It is part of Blogger’s standard gadget list. The StoryProof side starts free too, with a badge on widgets until you upgrade.
Still have a question? Ask the StoryProof team or book a demo.
Fill your Blogger sidebar with real reader praise
Collect and approve testimonials in StoryProof, then paste two lines into a gadget.
Sources
- Change the layout of your blog, Blogger Help. Checked 2026-11-14.
- Code implementation guide (Blogger steps), Google Surveys Help. Checked 2026-11-14.
Last updated 2026-11-14.