Plus UI is a next-generation, open-source Blogger template engineered for Core Web Vitals, High CTR, and Maximum SEO Performance. Unlike standard themes, Plus UI allows you to build a professional news, tech, or portfolio site without needing to touch a single line of code.
It features a unique Hybrid AMP engine, built-in PWA (Progressive Web App) support, and advanced monetization tools like Safelink and Anti-AdBlock scripts directly in the XML core.
- Hybrid Framework: Automatically serves AMP or Non-AMP versions based on device and settings.
- Lighthouse Optimized: Achieves 95-100 Speed Scores on mobile and desktop.
- Smart Lazy Loading: Native browser-level lazy loading for images, YouTube iframes, and AdSense.
- App-Like Experience: Built-in PWA manifest allows users to install your blog as an app.
- 🛡️ Safelink System: Secure encrypted redirection with countdown timers (Perfect for download sites).
- 🚫 Anti-AdBlocker: Non-intrusive popup that recovers lost revenue by asking users to whitelist your site.
- 🚧 Maintenance Mode: Switch your site offline with a custom "Coming Soon" page via Layout settings.
- 🍪 GDPR Cookie Consent: Fully compliant consent bar enabled by default.
- Dark Mode 2.0: System-aware toggle that remembers user preferences.
- Tailwind-Style CSS: Utility classes for easy customization of buttons, alerts, and grids.
- Responsive Mega Menu: Mobile-first navigation that works flawlessly on all screen sizes.
The next major update focuses on stability, advanced monetization, and UX improvements:
- Advanced SEO: Separate title tags implemented for the home page.
- Monetization Pro: Multi-page SafeLink (Advanced) & updated Adslinkfly script.
- Core Stability: Fixed middle post ads rendering & added Blog status codes 🧩.
- Performance: Fully stable PWA (Progressive Web App) ⚡ implementation.
- UX Enhancements: Improved Lightbox 🖼️ and expanded SafeLink configuration options.
ETA: Coming Soon. Join our Telegram Channel for updates.
You can install Plus UI using the standard upload method or the manual HTML method (recommended for a clean install).
- Download the latest
.xmlfile from the Releases Section. - Go to Blogger Dashboard → Theme.
- Click the ▼ arrow next to the "Customize" button.
- Select Restore → Upload.
- Select the
plus-ui-v3.2.0.xmlfile.
Use this method if the upload fails or to ensure no legacy code remains from your previous theme.
- Open the downloaded
plus-ui-v3.2.0.xmlfile in a text editor (Notepad, VS Code, etc.). - Select All (
Ctrl + A) and Copy (Ctrl + C) the entire code. - Go to Blogger Dashboard → Theme.
- Click the ▼ arrow next to "Customize" and select Edit HTML.
- Click inside the code editor, Select All (
Ctrl + A), and press Delete. - Paste (
Ctrl + V) the new Plus UI code into the empty editor. - Click the Save icon (Floppy Disk) in the top right corner.
A: This usually happens because your post content is too large for Blogger's auto-pagination.
Blogger limits the data sent to the homepage for speed. If your posts have large images or long text at the very top, Blogger may hide them to prevent slow loading.
✅ The Fix: Use the Jump Break
- Open your post in the Blogger Editor.
- Place your cursor after the first paragraph or image.
- Click the "Insert Jump Break" icon (looks like a broken line
---) in the toolbar.- Or in HTML view, simply add
<!--more-->tag.
- Or in HTML view, simply add
- Update the post. This forces Blogger to create a "Read More" button and fixes the homepage layout.
A: Yes! It includes specific locations for In-Feed Ads, Article Top/Bottom Ads, and Sticky Sidebar Ads to maximize CTR and RPM.
A: Go to Blogger Layout. All menus (Main Menu, Mobile Menu, Footer Menu) are managed via standard LinkList Widgets. No coding required.
Enhance your posts using these built-in classes:
| Element | HTML Class / Shortcode | Preview |
|---|---|---|
| Download Box | <div class="dlBox">...</div> |
[Download Button] |
| Buttons | <a class="button">Link</a> |
[Button] |
| Alert Info | <div class="alert info">...</div> |
🔵 Info Box |
| Alert Success | <div class="alert success">...</div> |
🟢 Success Box |
| Alert Warning | <div class="alert warning">...</div> |
🟡 Warning Box |
| Code Block | <pre><code>...</code></pre> |
Syntax Highlighting |
| Spoiler | <details class="sp">...</details> |
Click to Reveal |
Stay connected for updates, bug fixes, and premium support.
- 📢 Telegram Channel (Updates): t.me/Blogger_Templates_Updated
- 👥 Telegram Group (Community): t.me/Plus_UI_Official
- 🐛 Report a Bug: GitHub Issues