SSS Blinkies, Stickers, Animations & Cursors Guide

What This Guide Solves

• Why your blinkie/GIF will not render (direct URL rules).
• Why it works on one site but not another (platform limits).
• How to make custom cursors behave without breaking text inputs.

Quick Start

1. Open profile settings and go to sticker fields: Profile Slot A/B/C Stickers (static) and Profile Screen Stickers (fixed overlay).
2. Paste one direct image URL per line (not gallery pages).
3. For old-web runners, set Profile Screen Sticker Position, Path, Direction, Speed, and Size.
4. Save. The plugin renders up to 6 stickers per field.
5. For cursors, use: Custom Cursor Type, Custom Cursor Image, Custom Cursor Color, Custom Cursor Size, and Profile Cursor CSS.

Screen Runners (No-Code)

Use this for MySpace-style movers: stickers that stay fixed on screen while scrolling and move in loops.

1. Paste URLs into Profile Screen Stickers (one per line).
2. Choose Position: Top / Middle / Bottom / Mixed.
3. Choose Path: Static / Horizontal Loop / Diagonal Loop / Float / Bounce.
4. Choose Direction: Left to Right / Right to Left / Alternate.
5. Tune Speed and Size, save, then preview.

Important: Slot A/B/C stickers are static only. Runners live in Screen Sticker fields.

Most Common Mistakes (Read This First)

• ❌ Pasting a page URL (gallery/collection) instead of a direct image file URL.
• ❌ Using http:// instead of https://.
• ❌ Using a host that fails SSS safety checks.
• ❌ Adding more than 6 URLs in one sticker field.
• ❌ Using an unsupported image type.
• ❌ Putting <style> in Slot HTML and expecting it to always survive sanitization.

Fast Triage (30 Seconds)

• If it does not show up: not a direct file URL.
• If it opens in a tab but not in SSS: host blocked by safety checks.
• If it shows but looks cursed: too big → resize it or set a width.

SSS First, Portable Everywhere

SSS default: Follow this guide exactly for the most predictable results inside Simply Sound Society.

Also works elsewhere: Most URL and sizing rules transfer to SpaceHey, Neocities, Carrd, and Tumblr with platform-specific limits.

Portable fallback: Use HTTPS direct image files, keep stickers around 120-160px wide, and avoid script/iframe dependencies.

Note: Platform rules change over time. Treat this table as typical behavior and test your specific editor/theme.

Best Practice (SSS-Safe Hosting)

If a third-party host breaks, your stickers/blinkies can disappear. For maximum reliability, upload graphics to your own SSS media library when possible, then use those URLs in Slot HTML or Sticker fields.

Performance Tip

Large GIFs can slow profiles. Keep stickers under about 1-2MB each when possible.

Yes: HTML Slots Also Support Blinkies/Stickers/Animations

Confirmed in plugin: Profile Slot A/B/C HTML allows <img> tags and uses the same image safety checks as Sticker fields.

• HTML fields: best for custom layouts with text + images.
• Sticker fields: fastest for one-URL-per-line graphic stacks.
• Both methods require direct, valid image URLs that pass SSS safety checks.

<div style="display:flex;gap:10px;flex-wrap:wrap;justify-content:center;">
  <img src="https://media1.tenor.com/m/hPtAvzKVMI8AAAAC/society-historyoftheentireworld.gif" alt="blinkie 1" style="width:140px;height:auto;">
  <img src="https://i.imgur.com/example.gif" alt="blinkie 2" style="width:140px;height:auto;">
</div>

Replace https://i.imgur.com/example.gif with your own real direct image URL.

<div style="display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:10px;border:1px solid rgba(125,249,255,.35);border-radius:10px;background:rgba(11,16,34,.55);">
  <img src="https://media1.tenor.com/m/hPtAvzKVMI8AAAAC/society-historyoftheentireworld.gif" alt="hero gif" style="width:140px;max-width:45%;height:auto;border-radius:8px;">
  <div style="min-width:180px;max-width:320px;">
    <strong style="color:#7df9ff;">Welcome to My Space</strong><br>
    <span style="color:#f2f8ff;">Custom vibes, no algorithm, pure personality.</span>
  </div>
</div>

<div style="display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;padding:10px;border:1px solid rgba(255,79,216,.35);border-radius:10px;background:rgba(6,10,24,.5);">
  <a href="https://society.simplysoundadvice.com/activity" style="display:block;text-align:center;padding:8px;border:1px solid rgba(125,249,255,.25);border-radius:8px;color:#7df9ff;text-decoration:none;">Live Feed</a>
  <a href="https://society.simplysoundadvice.com/members/me/" style="display:block;text-align:center;padding:8px;border:1px solid rgba(125,249,255,.25);border-radius:8px;color:#7df9ff;text-decoration:none;">My Profile</a>
  <span style="display:block;text-align:center;padding:8px;border:1px solid rgba(255,79,216,.25);border-radius:8px;color:#ffd1f2;">Blinkie Friendly</span>
  <span style="display:block;text-align:center;padding:8px;border:1px solid rgba(255,79,216,.25);border-radius:8px;color:#ffd1f2;">Mobile Safe</span>
</div>

<div style="display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid rgba(125,249,255,.3);border-radius:10px;background:rgba(11,16,34,.6);">
  <img src="https://i.imgur.com/example.gif" alt="avatar gif" style="width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.15);">
  <div style="flex:1;min-width:0;">
    <strong style="color:#7df9ff;">About This Profile</strong><br>
    <span style="color:#f2f8ff;">I collect blinkies, code tiny layouts, and test every link before I paste it.</span>
    <ul style="margin:8px 0 0;padding-left:18px;color:#ffd1f2;">
      <li>One direct URL per sticker line</li>
      <li>120-160px sticker sweet spot</li>
      <li>No script, clean HTML only</li>
    </ul>
  </div>
</div>

<div style="display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:10px;border:1px solid rgba(125,249,255,.35);border-radius:10px;background:rgba(6,10,24,.55);">
  <img src="https://gifs4crds.carrd.co/assets/images/gallery02/8a6c3151.gif?vca07fc73a" alt="animated sticker" style="width:150px;height:auto;border-radius:8px;">
  <span style="color:#7df9ff;font-weight:700;">Animated profile accent</span>
</div>

Resource Vault (Curated Links)

These are source pages to find graphics. For SSS stickers, always copy the direct image URL from DevTools.

Reminder: These pages are libraries. Always extract the direct image file URL before pasting into SSS.

If a source site hotlinks inconsistently, upload the graphic to your SSS media library and use that direct URL.

Sticker + Slot HTML Image URL Rules

• Must be https://.
• Host must pass SSS safety checks.
• Extension must be one of: .gif, .png, .jpg, .jpeg, .webp.
• Extensionless URLs are only accepted for: images.unsplash.com, media.tenor.com, media1.tenor.com, c.tenor.com.
• Max parsed stickers: 6 per field (slot or screen).
• Recommended sticker width: 120-160px for clean profile layouts.
• If a graphic is huge, resize it in ezgif or set width inline in Slot HTML.

Rule: If a URL fails safety checks, SSS skips it. Use direct HTTPS image files from stable public hosts.

Best reliability: Upload files to your SSS Media Library and use those URLs.

https://plasticdino.net/blinkie/braindead.gif
https://plasticdino.net/blinkie/vampy.gif

https://plasticdino.net/blinkie/tumblr_dbdb9c28297408b0b2413795b61602e2_ab1b54e1_250.gif
https://plasticdino.net/blinkie/braindead.gif

https://plasticdino.net/blinkie/vampy.gif
https://plasticdino.net/blinkie/tumblr_dbdb9c28297408b0b2413795b61602e2_ab1b54e1_250.gif
https://plasticdino.net/blinkie/braindead.gif

How to Get Direct Image URLs (Easiest First)

1. Open the graphics page in your browser.
2. Right-click the exact graphic and choose Open image in new tab.
3. Copy the URL from the browser address bar.
4. If “Open image in new tab” is not available, use Inspect and copy the <img src="..."> URL.
5. Test URL in a new tab:
   It should load the image directly, not a full webpage.
6. Paste one URL per line into a Sticker field and save.

2-second test: If you see a page layout, ads, or a gallery, it is not direct. A direct URL shows only the image.

Tip: If a URL gets ignored, it is usually one of these: non-https, unsupported host, or non-image page URL.

Advanced / Fallback: DevTools Method

1. Right-click the target graphic and click Inspect.
2. In the Elements panel, find the image node (<img>).
3. Copy the value of the src attribute.
4. If src is relative, open it in a new tab first and copy the full absolute URL.
5. Paste into a Sticker field (one URL per line) or into Slot HTML <img src="...">.

Power tip: In the Network tab, filter by Img, click the file, and copy the full request URL.

How to Tell If a URL Is Direct

• ✅ URL usually ends in .gif, .png, .jpg, or .webp.
• ✅ When opened, it shows only the image (no gallery/site layout).
• ✅ Address bar looks like a file URL, not a collection or profile page.

Animations in Slot HTML (A/B/C HTML fields)

Use Profile Slot A HTML, Profile Slot B HTML, or Profile Slot C HTML for styled HTML blocks. Inline styles are allowed for layout/animation properties, but scripts are stripped.

Allowed tags (typical): div, span, img, a, br, hr, strong, em, ul, ol, li.

Stripped: script, iframe, embed, object, inline event handlers like onclick, and external JS.

<div style="display:flex;gap:10px;align-items:center;justify-content:center;">
  <img src="https://i.imgur.com/example.gif" alt="sticker" style="width:120px;height:auto;animation:spin 4s linear infinite;">
  <span style="color:#7df9ff;font-weight:700;">Welcome to my profile</span>
</div>
<style>
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
</style>

Heads up: Inline <style> may be removed depending on sanitizer settings. If it gets stripped, keep keyframes in your Profile CSS box and keep per-element styles inline.

Cursors: Exact Behavior in SSS

• If Custom Cursor Type is not default, or if cursor color/image is set, body gets has-custom-cursor.
• If Custom Cursor Type = custom and image URL is set, plugin applies cursor: url(...), auto.
• If cursor color is set, plugin can override with a generated colored dot cursor.
• Cursor trail runs only on screens wider than 768px.

Recommended CSS in Profile Cursor CSS:

body.has-custom-cursor input,
body.has-custom-cursor textarea,
body.has-custom-cursor [contenteditable="true"] {
  cursor: text !important;
}

/* Reliable fallback pattern (recommended) */
body.has-custom-cursor * {
  cursor: url('https://your-sss-media.example.com/cursor.cur') 0 0, url('https://your-sss-media.example.com/cursor.png') 0 0, auto !important;
}
body.has-custom-cursor input,
body.has-custom-cursor textarea,
body.has-custom-cursor [contenteditable="true"] {
  cursor: text !important;
}

/* From Cursors-4U.com */
* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/happy-hello-kitty-kaoani-0021706d-css.webp') 0 0, auto !important;
}

/* SSS-ready conversion */
body.has-custom-cursor * {
  cursor: url('https://cdn.cursors-4u.net/css-previews/happy-hello-kitty-kaoani-0021706d-css.webp') 0 0, auto !important;
}
body.has-custom-cursor input,
body.has-custom-cursor textarea,
body.has-custom-cursor [contenteditable="true"] {
  cursor: text !important;
}

/* From Cursors-4U.com */
* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/dragon-ball-z-goku-busy-87df14aa-css.webp') 4 0, auto !important;
}

/* SSS-ready conversion */
body.has-custom-cursor * {
  cursor: url('https://cdn.cursors-4u.net/css-previews/dragon-ball-z-goku-busy-87df14aa-css.webp') 4 0, auto !important;
}
body.has-custom-cursor input,
body.has-custom-cursor textarea,
body.has-custom-cursor [contenteditable="true"] {
  cursor: text !important;
}

/* From Cursors-4U.com */
* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/luffy-one-piece-c2c19688-css.webp') 0 0, auto !important;
}

/* SSS-ready conversion */
body.has-custom-cursor * {
  cursor: url('https://cdn.cursors-4u.net/css-previews/luffy-one-piece-c2c19688-css.webp') 0 0, auto !important;
}
body.has-custom-cursor input,
body.has-custom-cursor textarea,
body.has-custom-cursor [contenteditable="true"] {
  cursor: text !important;
}

Copy/Paste Templates

Sticker field template (one URL per line):

https://example.com/blinkie-1.gif
https://example.com/blinkie-2.gif
https://example.com/blinkie-3.gif

Slot HTML template:

<div class="sss-sticker-row" style="display:flex;gap:8px;flex-wrap:wrap;">
  <img src="https://example.com/sticker.gif" alt="sticker" style="width:120px;height:auto;">
</div>

Cursor CSS template:

body.has-custom-cursor input,
body.has-custom-cursor textarea {
  cursor: text !important;
}

Troubleshooting Checklist

• URL loads direct image in browser tab.
• URL is https://.
• Host passes SSS safety checks.
• No more than 6 sticker URLs in the slot field.
• Saved in the correct field: A/B/C stickers vs A/B/C HTML.

Platform-Specific Notes

SpaceHey: Custom code depends on profile/theme areas; test in small steps and expect some sanitization.

Neocities: Most flexible option; reliability depends on your own file hosting and path accuracy.

Carrd: Custom code/embeds can be plan-limited; keep layouts lightweight and use direct image files.

Tumblr: Theme/editor mode can strip markup; use theme-safe HTML and check both desktop/mobile rendering.