Demo: every component of a blog post

This is a demo post: one page with every component the new blog supports, so the team can see how each one looks on desktop and mobile. The text around each component explains what it is and when to use it. Inline elements first: a WIKI item link like AK-47 | Redline, an internal link to all CS2 gloves, italic, bold and an inline command cl_showfps 1.

Inline live prices from the WIKI, written as shortcodes in the sentence: the AK-47 | Redline is available from $30.41 on SkinsMonkey, its full range is $30.41–$183.39, and the most expensive wear goes up to $183.39.

Key takeaways:

• Old posts keep their “Key takeaways” list as a plain paragraph and list.
• Every skin mentioned in the text links to the WIKI on first mention.
• Prices come from the WIKI live, never typed by hand.

Facts strip and headings

A row of three big numbers (HTML block, class facts). The third number is a live price.

This is an H3 heading

H3 sections sit inside an H2 section. Only H2 headings go into the table of contents in the sidebar.

This is an H4 heading

H4 is the smallest heading used in posts.

Images and video

A regular image block with a caption:

A YouTube video. The page shows a light preview with the channel bar; the player loads only after the reader clicks play. Videos from our own channel show the SkinsMonkey avatar.

Full BLUE CS2 Loadout for EVERY BUDGET (2026)SkinsMonkey on YouTube

Watch on YouTube

WIKI cards with live prices

One item card (block skinsmonkey/wiki, variant card):

A grid of cards with a heading (variant grid):

Popular CS2 skins

An inline price check bar (variant price), used under item headings in lists:

Glock-18 | Fade from $1,859.75Check price

Ranking and price tables

A ranking with live prices and a short note per item (block skinsmonkey/rank):

A price table with live “From” and “Up to” columns (block skinsmonkey/price-table):

The same table with an extra text column, e.g. “Player” in pro-loadout posts (the importer builds it from lists like “NiKo: skin, skin”):

A regular table typed by hand (core Table block). Tables with up to 3 columns fit a phone screen as they are:

Mode	Players	Rounds to win
Premier	5v5	13
Competitive	5v5	13
Wingman	2v2	9

A table with 4 or more columns turns into stacked cards on phones (each cell shows its column name):

Wear	Float range	Look	Typical use
Factory New	0.00–0.07	No visible wear	Collectors, showcase loadouts
Minimal Wear	0.07–0.15	Tiny scratches	Clean look for less
Field-Tested	0.15–0.38	Light wear	Best value for most skins

Item entries

A numbered item entry with image, rarity color, key facts, a live price and a button (HTML block, class entry). Used in “best of” lists written for the new blog.

Comparison boxes

Definition tiles (class defs), good for “types of…” sections:

Pros and cons side by side (class proscons):

List styles

Plain bullet list:

• First point
• Second point
• Third point

Plain numbered list:

1. First step
2. Second step
3. Third step

Checks (list style “Checks ✓”):

• Steam Guard enabled for 7 days
• Trade URL set in your profile
• Inventory set to public

Not worth it (list style “Not worth ✗”):

• Sharing your API key
• Logging in through a link from a DM
• Trading outside a bot or the Steam Market

Steps (list style “Steps 1-2-3”):

1. Log in with Steam. No password is entered on the site.
2. Pick the skins you want. Prices are shown live.
3. Confirm the trade. The bot sends the offer instantly.

Timeline (list style “Timeline”):

1. 27 Sep 2023 Counter-Strike 2 replaces CS:GO.
2. 2 Oct 2024 The Armory is added to CS2.
3. 22 Oct 2025 Trade-ups of five Covert skins into knives and gloves.

Quotes, code and buttons

Quote block. Posts from X are shown like this too: text, then the author linked below, without loading X scripts.

Author or source (demo)

A code block for console commands and configs:

cl_showfps 1
bind "v" "switchhands"
fps_max 0

Buttons block:

---

Above: a separator line.

Pattern tiers and collapsible tables

Pattern tiers with a “check your pattern” field (block skinsmonkey/patterns), used for blue gems and similar skins:

AK-47 | Case Hardened blue gem seeds 13 patterns on the list

AK-47 | Case HardenedLive price range · SkinsMonkey, Oct 17, 2026$233.51 – $614.36Check price

Check your pattern

#

Type the pattern number from the item’s inspect screen (0–1000).

1. Tier 17 patterns

   Most blue on the playside

   • 661
   • 670
   • 955
   • 321
   • 387
   • 151
   • 179
2. Tier 26 patterns

   Less blue, smaller premiums

   • 592
   • 4
   • 168
   • 429
   • 905
   • 13

Community tier lists; sources disagree on lower tiers.

A collapsible table (class faq2 bytype), for long lists that would otherwise fill the page:

Call-to-action variants

The big trade band (block skinsmonkey/cta, variant band). If a post has no CTA of its own, this band is added automatically before the third H2 section.

Compact band (variant compact):

Scrolling ticker (variant marquee):

Instant trades, 4.4M tradersTrade skins⇄Instant trades, 4.4M tradersTrade skins⇄Instant trades, 4.4M tradersTrade skins⇄Instant trades, 4.4M tradersTrade skins⇄Instant trades, 4.4M tradersTrade skins⇄Instant trades, 4.4M tradersTrade skins⇄Instant trades, 4.4M tradersTrade skins⇄Instant trades, 4.4M tradersTrade skins⇄

What appears below the article

After the body the template adds, in order: the “Bottom line” box with a button, the FAQ, the “Was this helpful?” rating with the “Report it” form, sources, the author box and related posts. In the sidebar: the table of contents, WIKI cards of the items this post is about and a CTA. Below the page: the agents band and, on phones, a sticky CTA bar.

AC

Bottom line

Bottom line: the verdict box closes the article with an opinion.

One to three short paragraphs with the conclusion and what the reader should do next.

It ends with a button and a small note under it.

Browse CS2 skinsLive prices on SkinsMonkey

FAQ

Was this article helpful?One tap. It tells us what to update first.

Be the first to rate this article.

What was missing?Prices are outdatedDidn't answer my questionToo longSomething else

Thanks, noted. Alex reads these before every update.