Master OsunHive UI: Your Blueprint for Consistent Blogspot Posts
Writing for a Blogspot theme like OsunHive UI or Plus UI can be tricky, especially with AI tools. Often, AI generates content that ignores your specific typography classes. It might break your Table of Contents or turn your neat alert boxes into plain paragraphs. This guide shows you a simple solution.
We have put together a professional prompt engineering framework. You can copy this framework, paste it into your AI writing tool, and just change the topic. It will help you get consistent, well-formatted OsunHive UI output every single time.
Table of Contents
Why a Specific Formatting Prompt Makes a Big Difference
Most AI tools give you basic HTML or Markdown. But themes like OsunHive UI need special class names. Think of `note`, `pRelate`, or `alert info`. These classes tell your blog how to display content correctly. Without a clear set of instructions, the AI won't use them, and your posts will look messy.
Giving Your AI a Clear Role
Starting your writing session with a clear role for the AI is key. If the AI's role is vague, your formatting will be vague too. A specific role helps the AI produce the exact HTML you need.
Act as a senior Blogger theme formatting specialist and technical prompt engineer
who exclusively writes SEO content formatted for the OsunHive UI (Plus UI) Blogspot theme.
You do not write Markdown. You do not write generic HTML.
You only output HTML using the exact class names defined in the OsunHive UI Style Guide below.
Every output must be copy-paste ready for direct insertion into Blogger's HTML view.
This helps the AI understand its job clearly. It knows it must only use the specific classes and not invent new ones. For more tips on setting up your blog, visit the OsunHive homepage.
Essential Typography Classes to Use
Always give the AI a list of the classes it should use. This way, it will not guess or create its own. This table shows the core classes for OsunHive UI.
| Class Name | What It Does |
|---|---|
| postTitle | Main H1 article title style |
| postBody | Main wrapper for all content |
| dropCap | Big, styled first letter of a paragraph |
| pIndent | Indented body paragraph style |
| note / note gr / note wr / note re | Colored highlight blocks (neutral, green, yellow, red) |
| alert info / success / warning / error | Colored callout boxes for messages |
| toc | Collapsible Table of Contents holder |
| sp | General collapsible "show more" block |
| ac | Accordion style for FAQs |
| table bordered stripped hovered | Styled comparison or feature table |
| pRelate / pRelateItem | Block for related articles |
| button / button ln | Primary and outline action buttons |
| pRef | Line for source citations |
| separator | Visual line to divide sections |
| extL | Marks an external link |
A blog theme works best when the AI respects its design rules. Using the right classes keeps your posts looking great and professional.
The Full Master Prompt Explained
This is the complete prompt you will use. Just copy this whole block. Then, only change the TOPIC line for each new article you want to write. This simple step ensures your posts are always consistent.
ROLE:
Act as a professional Blogger content writer and OsunHive UI (Plus UI) HTML formatter.
OUTPUT RULES:
- Output ONLY clean Blogger-compatible HTML.
- No Markdown, no explanations outside the HTML.
- Wrap the entire article in a single < div class='postBody'> container.
- Use < h1 class='postTitle'> once for the title only.
- Use semantic < h2> and < h3> for all sections and FAQ items.
- Keep paragraphs short: 2 to 4 sentences.
- Mobile-first, responsive structure only.
TYPOGRAPHY CLASSES TO USE:
postTitle, postBody, separator, note, note gr, note wr, note re,
alert info, alert success, alert warning, alert error,
pRelate, pRelateItem, table bordered stripped hovered,
button, button ln, extL, toc, sp, ac, pre, blockquote, pIndent, dropCap, pRef
REQUIRED SECTIONS IN ORDER:
1. SEO meta description as an HTML comment above postBody.
2. H1 postTitle.
3. Hook intro paragraph with primary keyword.
4. One pIndent paragraph.
5. One dropCap opening paragraph in a later section.
6. Collapsible Table of Contents using details class='sp toc'.
7. 2 to 4 H2 sections with real depth, not filler.
8. At least one blockquote with an expert-style insight.
9. At least one comparison or feature table using table bordered stripped hovered.
10. At least one alert box (info, success, warning, or error).
11. At least one note variant (note, note gr, note wr, or note re).
12. A details class='ac' FAQ accordion with 3 to 5 real questions.
13. A pRelate block with 2 related article links.
14. A separator with one button CTA.
15. A short conclusion, no repetitive summary.
16. Optional pRef source line.
WRITING STYLE:
- Human, conversational, professional tone.
- No AI-sounding filler phrases.
- No word repetition as sentence openers.
- Vary sentence length naturally.
- Every claim should feel specific, not generic.
TOPIC: {USER_TOPIC}
CONTENT MODE: {tutorial / news / listicle}
PRIMARY KEYWORD: {KEYWORD}
This complete framework takes care of all the details, so you can focus on your content. To learn more about organizing your blog, check out our guide on Blogspot SEO basics.
Picking the Right Content Mode
The content mode you choose tells the AI how to structure the entire article. Make sure to pick it before the AI starts writing.
- Tutorial mode works well for step by step guides. It is friendly for beginners and uses numbered lists often.
- News mode is for current topics and updates. It uses short paragraphs and aims for urgency.
- Listicle mode is perfect for easy to scan posts. It uses numbered subheadings to keep readers interested.
Good Point: Choosing the content mode beforehand stops the AI from mixing styles. This helps keep your posts neat and clear.
Important: Do not let the AI pick its own class names. If a class is not in your list, it should not appear in the final text.
Mistakes This Prompt Helps You Avoid
< p> tags when you need styled note or alert blocks. This makes your blog's design flat and less engaging.
Show More: Common formatting failures this prompt fixes
This prompt fixes many issues. It stops Markdown bullets from appearing instead of HTML lists. It makes sure your `postBody` wrapper is always there. It ensures your FAQ accordions work. It helps avoid robotic sounding sentences and makes sure tables use the correct bordered stripped hovered classes.
Frequently Asked Questions About the Master Prompt
Can I use this prompt for every blog post I write?
Yes, absolutely. For each new article, you only need to change the topic, the content mode, and the primary keyword. The rest of the prompt stays the same.
Does this prompt work with all AI writing tools?
It works well with any AI model that can follow specific role instructions and structured formatting commands closely.
What if the AI adds its own CSS classes to the output?
If this happens, you should manually remove those classes. You can also rerun the prompt with a stronger reminder that only the approved classes are allowed.
Should the FAQ section also include schema markup?
You can add JSON-LD FAQ schema separately in your theme's head section. This prompt focuses on the visible HTML content only.
Other Helpful Guides
Putting It All Together
The strength of your blog theme depends on consistent formatting. Keep this master prompt handy. Simply swap out the topic each time, and your OsunHive UI posts will always look polished without extra manual work.
Source: www. osunhive. name. ng
