Blog
Blog — Post Page
Copy-paste layout brief covering Post Header, Article Content Area, Table Of Contents and Engagement Elements — hand it to ChatGPT, Claude, or v0 as-is.
Blog — Post Page is a copy-ready build prompt for blog pages. Paste it into ChatGPT, Claude, v0 and iterate from the first draft it returns.
Everything on this page — the summary, the category and the how-to — is written by HowToPrompts; the link below goes to the original project.
| Use case | Blog |
|---|---|
| Works with | ChatGPT, Claude, v0, Cursor |
| Source | websiteprompts.com |
Create a blog post/article page:
1. POST HEADER
- Breadcrumb: Home > Category > Post
- Category tag (colored)
- Title (H1, large, compelling)
- Subtitle/excerpt
- Meta info:
- Author with avatar
- Publish date
- Updated date (if different)
- Read time
- Featured image (full-width or contained)
- Image caption/credit
2. ARTICLE CONTENT AREA
Max-width for readability (680-720px)
Content elements:
- Paragraphs with good line-height
- Headings (H2, H3, H4)
- Blockquotes (styled distinctly)
- Code blocks (syntax highlighted)
- Inline code
- Images with captions
- Image galleries
- Embedded videos
- Bullet and numbered lists
- Tables
- Callout boxes (tip, warning, note)
- Pull quotes
- Dividers
3. TABLE OF CONTENTS (optional)
- Sticky sidebar or top of post
- Auto-generated from headings
- Smooth scroll to sections
- Highlight current section
4. ENGAGEMENT ELEMENTS
Inline:
- Highlight to share
- Click to tweet quotes
Bottom of post:
- Share buttons (Twitter, Facebook, LinkedIn, Copy link)
- Like/clap button
- Save/bookmark button
5. AUTHOR BOX
- Author photo (larger)
- Author name and title
- Bio paragraph
- Social links
- "View all posts by [Author]"
6. TAGS SECTION
- "Tagged:" followed by tags
- Clickable, links to tag archive
7. COMMENTS SECTION
- Comment count
- Comment form (if logged in)
- Or "Sign in to comment"
- Comment list:
- Avatar
- Name and date
- Comment text
- Reply button
- Like/upvote
- Threaded replies
- Load more comments
8. RELATED POSTS
- "You might also like"
- 3 related post cards
- Based on category or tags
9. NAVIGATION
- Previous/Next post links
- Back to blog link
10. NEWSLETTER CTA
- End-of-post signup prompt
- "Enjoyed this? Subscribe for more"
Design: Typography-focused. Comfortable reading experience. Mobile: Full-width images, adjusted font sizes.How to use it
- Copy the full prompt with the button above.
- Paste it into your model and add your brand, copy and colours.
- Ask for one section at a time if the first pass is too broad.
Compiled and written by HowToPrompts from public sources. View original source ↗
← Back to Website Prompts