One snippet, pasted into Layout → Add a Gadget → HTML/JavaScript, in the sidebar — because the whole point is catching someone while you're actually live. Blogger still hosts millions of blogs on blogspot and custom domains, and almost none of those sites want another gadget just to render a small piece of live data. Nothing to install. Blogger's own HTML/JavaScript gadget takes raw markup, which is all this needs — and unlike a theme edit, a gadget survives changing your theme.
Every streamer wants their site to scream 'I'm live!' the moment they hit Go Live on Twitch. This widget does exactly that — polls the Twitch API quietly, lights up a 'LIVE' pill with viewer count + the game you're playing when the broadcast starts, and disappears the moment you go offline. Zero maintenance, zero signup, works on every CMS.
Blogger themes are parsed as XML, so characters like &, <, > and quotes inside a script can trigger errors such as "The reference to entity must end with the ';' delimiter" and refuse to save. Our snippet is a plain async script tag with no bare ampersands, so it pastes cleanly — but if you ever hit that error, wrap the code in //<![CDATA[ ... //]]> or encode the five reserved characters. This is the main reason to prefer a gadget over a theme edit.
The post editor has two modes. Compose escapes anything that looks like markup, so the snippet renders as visible text instead of a widget. Switch to HTML view before pasting, and avoid flipping back to Compose afterwards — Blogger sometimes rewrites the markup when it converts between the two.
Changing theme, restoring a backup or applying one of Blogger's own themes replaces the whole template, taking any code you pasted into it with it. Gadgets live in your layout settings instead, so they survive. Unless you specifically need the <head> position, use a gadget.
Nothing to install. Blogger's own HTML/JavaScript gadget takes raw markup, which is all this needs — and unlike a theme edit, a gadget survives changing your theme. Installing a gadget for this would mean an extra dependency, an update cycle and a security surface to render one snippet. Paste it into Layout → Add a Gadget → HTML/JavaScript, in the sidebar and you're done.
Layout → Add a Gadget → HTML/JavaScript, in the sidebar — because the whole point is catching someone while you're actually live. Open Layout and find the sidebar column. Click Add a Gadget → HTML/JavaScript. Paste the snippet, give it a title if you want one above the widget, and Save. Drag it above or below your other gadgets, then Save arrangement.
No. The script tag is async, so it never blocks your page from rendering, and the widget draws itself after your content is already on screen. Blogger is served by Google's own infrastructure and the snippet is one async tag, so it loads after your post is already on screen. There's no cache to purge — saving a gadget publishes it immediately.
Layout editor: Add a Gadget → HTML/JavaScript. Theme editor: Edit HTML, paste above </head> or </body>. Post editor: switch to HTML view, then paste. Blogger mobile app: not supported — use the desktop dashboard. Any builder with a raw-HTML or code block will render it, because there's nothing framework-specific in the snippet.