SSS Advanced Guide: Slots, Stickers, Safe HTML, CSS & Code Mode

Help Center – Advanced Creator ToolsSlotsStickersSafe custom content

SSS Advanced Creator Guide: Slots, Safe HTML, Stickers & Runners

Advanced tools let you add your own content, image stickers, moving screen decorations, and small custom design details. Start with the normal Studio settings first.

Helpful resources

Loading matched recommendations...

Best order: finish the main design → add one Slot → add a few stickers → test phone view → add CSS only when needed.

Advanced tools

Profile Slots A, B, and C

Place safe custom content in three prepared areas of the profile.

Slot Stickers

Add image links, one per line, inside a Slot area.

Screen Stickers

Add images that stay on screen and can move in simple paths.

Safe HTML

Use basic headings, text, links, images, lists, and approved media.

Code

Add optional CSS for targeted styling.

Layout

Move prepared profile sections without forcing them with CSS.

Safe workflow

  1. Choose Whole Home or one Room.
  2. Build the main background, colors, text, cards, and effects.
  3. Add one Slot and Preview it.
  4. Add one to three stickers.
  5. Add a Screen Runner only when it does not cover content.
  6. Use Layout for section movement.
  7. Use Code for small appearance changes.
  8. Check desktop, phone, reduced motion, and Safe View.
  9. Publish the correct destination.

Safe HTML: what you can add

Good choices

Headings, paragraphs, lists, links, images, sections, captions, simple progress bars, and approved media players.

Removed for safety

Scripts, commands that run when clicked, forms asking for passwords, unknown players, and unsafe web links.

Add a content piece, not a whole webpage. Do not paste a complete page with head, body, or script sections.

Simple Slot card example

<div style="background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px;">
  <h3 style="margin:0 0 8px;color:#f1f7ff;">Now Playing</h3>
  <p style="margin:0;color:#cfe0ff;line-height:1.6;">
    Add a song, message, badge wall, update, or personal detail here.
  </p>
</div>

This uses simple inline styles so the card keeps its look inside the Slot.

Slot Stickers

  • Paste one direct image link per line.
  • Start with one to three images.
  • Use PNG, GIF, JPG, or WebP images.
  • Keep files small so the Room loads quickly.
  • Make sure you have permission to use the image.
https://example.com/sticker-1.png
https://example.com/sticker-2.gif

Screen Runners

  1. Add one or more direct image links to Profile Screen Stickers.
  2. Choose Top, Middle, Bottom, or Mixed.
  3. Choose Static, Horizontal Loop, Diagonal Loop, Float, or Bounce.
  4. Choose a direction, speed, and size.
  5. Preview on desktop and phone.
Keep them under control: moving images can cover navigation, text, and buttons. One to three is a good starting range.

Use the right workspace

Studio Editor

Slots, sticker links, media, and normal design settings.

Helpful resources

Loading matched recommendations...

Layout

Move prepared sections and change their order.

Code

Add CSS after normal settings and Layout are stable.

Support

Recover work and understand save or publish problems.

Whole Home and Rooms

  • Whole Home advanced content becomes the shared design.
  • A Room can have different Slots, stickers, Layout, effects, and CSS when available.
  • Classic Backup edits the public Whole Home only.
  • Preview every Room before publishing, especially when fixed or moving images are used.

Common fixes

Slot looks plain

Add simple inline styles or small CSS rules.

Some HTML disappeared

Remove scripts, forms, click commands, unknown players, or unsafe links.

A sticker does not show

Use a direct public image link.

A runner does not move

Choose a moving path and check direction, speed, and size.

A runner covers content

Reduce the size, move it to another area, or remove extra runners.

Publish is blocked

Open Code and Check CSS, or open Support for the first problem message.

FAQs

Do I need advanced tools?

No. They are optional.

Can I run scripts in a Slot?

No. Slots are for safe content, not programs.

Can a Room have different Slots and stickers?

Yes, when those settings are available for the Room.

How many moving stickers should I use?

Start with one. Add more only when the page stays easy to use.

Where should I move sections?

Use Layout instead of forcing them with CSS.

Helpful resources

Loading matched recommendations...

Share your love