Showcase – Markup, Gallery and Hero-Header

Infinity Blogger

Saturday 1 August 2020

Blog template capabilities

To change overall blog appearance Blogger allows its users to choose from various provided blog themes or import custom made blog templates like Gelati Sugarfree

Blogger provides a WYSIWYG blog post-editor which enables its users to express multiple markup elements like headings, paragraph, image, list, quote and video. This blog template expands that feature set with beginner friedly CSS-triggered generation of hero-image variations and Javascript-configurable gallery and carousel components, powered by third-party integrations from menucool.com

Let's start with some Headings

H3 Heading

H4 Heading

The paragraph is the default markup type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.

This paragraph is left aligned.

This italic paragraph is centered.

This paragraph is right aligned.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This paragraph is colorful, with a orange background and blue text. Colored content should have a high enough contrast, so that the text is readable.

This paragraph prefers Jazz over Justin Timberlake. It also uses the small font size.

This paragraph has something important to say: It has a large font size, which defaults to 36px.

The huge text size defaults to 46px, but the size can be customized.

Neither of these paragraphs care about politics, but this one is bold, medium sized and has a drop cap.

Ordered list

Orderd List Item 1
Orderd List Item 2
Orderd List Item 3
Orderd List ~~Item~~ 4

Unordered list

Unorderd List 👀 1
Unorderd List 👽 2
Unorderd List 👻 3
Unorderd List 👍 4

1.) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis tincidunt justo non ultrices.
2.) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis tincidunt justo non ultrices.
4.) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis tincidunt justo non ultrices.
5.) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis tincidunt justo non ultrices.
6.) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis tincidunt justo non ultrices.
7.) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis tincidunt justo non ultrices.
8.) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis tincidunt justo non ultrices.

Supports Youtube, Vimeo and HTML video/audio
This video starts from 0:10

Video components have settings for showing and hiding the playback controls. Use autoplay and playback controls responsibly.

Quote

The Verse block

A block for haiku?
Why not?
Blocks for all the things!