PremiumOne Blogger Template Documentation

Welcome to the official documentation for PremiumOne. This guide covers everything from installation to setting up the complex home page widgets, ensuring your site looks exactly like the live demo.

Live Demo: https://premiumone-gthtemplates.blogspot.com

Key Features

100% Responsive: Looks perfect on Mobile, Tablet, and Desktop.
Dark Mode Aesthetic: Built with a sleek black/red color scheme.
Dynamic Shortcodes: Buttons, Alerts, and Code Boxes with Auto-Copy.
SEO Optimized: Proper Heading tags, Meta descriptions, and Schema markup.
5 Custom Widgets: Services, Counter, Testimonials, Pricing, and CTA built-in.
Fast Loading: Minimal scripts and optimized CSS.

1. Installation

Installing the theme is straightforward. Ensure you have the theme.xml file ready.

Important: Before uploading, we recommend backing up your current theme.

Go to Blogger Dashboard > Theme.
Click the Arrow icon next to "Customize" > Restore.
Upload the theme.xml file.

Mobile Tip: After upload, go to Mobile Settings (Gear Icon) and select "Desktop theme on mobile devices" to ensure the responsive design works correctly.

2. Logo & Header Setup

Go to Layout > Header Logo widget.

Upload your logo image.
Recommended Height: 60px - 80px.
Uncheck "Shrink to fit".

The theme automatically handles the mobile menu. Ensure your main menu widget is populated correctly.

3. Main Menu Configuration

The theme uses the standard LinkList widget for navigation with a special underscore logic for dropdowns.

Add a link named Home (Main Item)
Add a link named _Features (starts with underscore) → Dropdown under Home.
Add a link named __Sub Feature (starts with double underscore) → Child Dropdown.

Home _Features __Sub Feature Contact

4. Premium Widgets Setup

PremiumOne uses ease-to-edit "Data Parsers". You don't need HTML in widgets, just pipe-separated values.

A. Hero / CTA Section

Go to Layout > Hero/CTA Section. Data Format:

Image URL | Heading Text | Subtext Description | Button Text

Example: https://site.com/bg.jpg | Welcome to PremiumOne | We build amazing things. | Get Started

B. Services Widget

Go to Layout > Services. Data Format:

FontAwesome Class | Service Title | Description

Example: fa-laptop-code | Web Dev | High quality code.

C. Counter Widget

Go to Layout > Counter. Data Format:

Number | Label

Example: 150+ | Happy Clients

D. Testimonials

Go to Layout > Testimonials. Data Format:

Image URL | Client Name | Review Text

Example: https://site.com/avatar.jpg | John Doe | Amazing service!

E. Pricing Plans

Go to Layout > Pricing. Data Format:

Pro Tip: Include the word "Standard" in the Plan Name to highlight that card.

Price | Plan Name | Feature 1, Feature 2, Feature 3

Example: $49 | Standard Plan | 5 Users, Priority Support

5. Shortcodes Guide

Use these HTML snippets in your Blog Posts to add special elements.

Buttons

<a href="#" class="action-btn">Solid Button</a> <a href="#" class="action-btn outline">Outline Button</a>

Alert Boxes

<div class="alert-message alert-success">Success Message</div> <div class="alert-message alert-warning">Warning Message</div> <div class="alert-message alert-error">Error Message</div>

Code Box (Auto Copy)

Any text inside a code-box div will automatically get a dark background and a "Copy" button.

Need Support?

Need customizations? Contact Geeta Tech Hub for premium support.
Email: sudhanshuthakur15@gmail.com