Skip to content

v1.0.0 — Blogger Products Carousel with Live Preview

Latest
Latest

Choose a tag to compare

View all tags
@debeatzgh1 debeatzgh1 released this 10 Aug 17:39
· 4 commits to main since this release
v1.0.0
02cd88f
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

🚀 Blogger Products Carousel with Live Preview
This release contains a responsive HTML & CSS carousel that displays multiple Blogger-hosted pages inside centered, fixed-size iframes, with an "Open Live Preview" button linking directly to the original page.
Designed to fit neatly in Blogger layouts without overlapping other elements.

Features:

  • 🎠 Responsive product carousel with smooth horizontal scrolling
  • 🖼 Embedded fixed-size iframes (centered previews)
  • 📱 Works on both mobile & desktop
  • 🔗 "Open Live Preview" button redirects to the original page
  • 💡 Blogger-compatible HTML

Files in This Release:

  • index.html → Main carousel code with embedded iframes
  • style.css → Carousel & iframe styling
  • script.js → Carousel navigation logic

Live Demo:

View Live Preview on Blogger

Setup Instructions:

  1. Upload to Blogger inside an HTML/JavaScript gadget or post editor.
  2. Update iframe links inside <iframe src="..."></iframe> with your desired Blogger page URLs.
  3. Customize carousel styles in style.css to match your blog design.

Full Changelog: https://github.com/debeatzgh1/Blogger-Product-Carousel-with-WhatsApp-Floating-Button/commits/v1.0.0

Assets 2
Loading