How To Use Blog Blocks

How to Add the Blog Block to Your Website

The Blog Block allows you to display your blog posts directly on any page of your PhotoBiz website. You can control which posts appear, how they are organized, and how they are styled to match your brand. This guide walks you through adding the Blog Block, selecting posts, choosing a layout, and customizing the design. By the end, your blog posts will be visible on your site in a layout that fits your content and goals.

STEP ONE

Log into your PhotoBiz account and click WEBSITE from the left-hand menu. This opens the Website Builder where you manage your pages and content blocks.

STEP TWO

Click on the name of the page where you want to add your blog posts.
On the right-hand side of the builder, locate the Blog Block icon.

You can add the block in one of two ways:

Click the Blog Block icon to add it to the bottom of the page
Click and drag the Blog Block icon to place it exactly where you want it

A teal placement bar shows where the block will be added.

STEP THREE

Choose a layout type for your Blog Block.

You will see two options when the block is added:

Blank Layout
This option uses your website’s global styling. Click in the center of the block where it says Click to add blog posts to reopen the side panel and begin editing.

Predesigned Layout
This option applies built-in design styling. The side panel stays open so you can immediately customize layout and settings.

Both options give you full access to all Blog Block layouts and settings.

Predesigned layout

The side panel menu will remain open, and you can jump right in to editing your block settings.

Blank layout

Click in the center of the block where it says "click to add blog posts" and the side panel menu will reappear.

STEP FOUR

Under CHOOSE THE POSTS TO DISPLAY ON THIS BLOCK, decide which blog posts appear.

You can:

Display all published blog posts
Display only posts that use specific tags

If you choose tags, type the tag name and click Add Tag. Repeat this for each tag you want to include.

Helpful Guide: How To Use Blog Tags

This option only works if your blog posts already use those tags.

You can also:

Sort posts by Most Recent or Most Popular
Choose whether to display the publishing date

Once finished, click Save Changes.

STYLING OPTIONS FOR YOUR BLOG BLOCK

LAST ITEM LINK

The Last Item Link feature allows users to load additional blog posts if the number of posts exceeds the total rows and columns selected. You can also use this feature as a call-to-action link.

Here are the options:

None: No link will be displayed.

Yes, as a "Load More" link: Adds a link to load more items within the page. Customize the text under Link Text.

Yes, as a "Standard" link: Links out to a separate page. Customize the text and choose what it links to:
- None: No link; only for visual purposes.
- External Link: Direct to a webpage outside your site.
- Page: Link to an existing page or specific block on a page on your website.
- Form: Connect to a form from your FORM BUILDER.
- Marketing: Link to a Campaign or Landing Page from MARKETING.
- File: Link to a PDF, JPG, PNG, or GIF uploaded in FILES.
- Phone: Add a click-to-call option.
- Email: Open the default mail client to send an email.
- Address: Link to Google Maps for your location.
- Video: Embed a video from YouTube or Vimeo.
- Pop-Ups: Trigger a pop-up for promotions or newsletter signups.

BLOG BLOCK LAYOUT OPTIONS

You can choose from 12 different Blog Block layouts to control how your blog posts appear on your website. Each layout displays images, text, and post details slightly differently, allowing you to match your branding and content style.

You can change layouts at any time without rebuilding your Blog Block.

Editorial Layouts

Editorial layouts focus on clean design with minimal text.

• Editorial Circle
Displays circular blog thumbnails in a grid. The post title and date appear below each image. No text excerpt is shown.

• Editorial Square
Displays square blog thumbnails in a grid. The post title and date appear below each image. No text excerpt is shown.

• Editorial Landscape
Displays horizontal blog thumbnails in a grid. The post title and date appear below each image. No text excerpt is shown.

• Editorial Portrait
Displays vertical blog thumbnails in a grid. The post title and date appear below each image. No text excerpt is shown.

• Editorial Journal
Displays posts in a single-column journal layout. The post title and date appear above a large featured image. Each post includes a short text excerpt and a Read More link.

• Editorial Pinboard
Displays posts in a two-column editorial grid. Images appear above the post title and date. Each post includes a Read More link, but no text excerpt.

• Feed
Displays one post per row in an alternating left and right layout. Each post includes the cover image, title, date, a preview of up to 500 characters, and a Read More button. Columns are not available for this layout.

Designer Layouts

Designer layouts include preview text to give visitors more context.

• Designer Landscape
Displays wide images with the post date overlaid on the image. The post title and a text preview appear below.

• Designer Portrait
Displays tall images with the post date overlaid on the image. The post title and a text preview appear below.

• Designer Pinboard
Displays posts in a pinboard-style grid. Images include the post date overlay, with the title and text preview shown below.

Contemporary Layouts

Contemporary layouts offer modern spacing and strong visual balance.

• Contemporary Feed
Displays posts in a modern alternating feed layout with large images and post details side by side. The image and text alternate left and right as visitors scroll. Each post shows the title, date, and a Read More link. No text excerpt is displayed.

• Contemporary Journal
Displays posts in a clean, single-column journal layout. The post title and date appear above a large featured image, followed by a visible text excerpt and a Read More link.

Layout Controls

Depending on the layout you choose, you may also be able to adjust:

• Number of rows
• Number of columns

These settings control how many blog posts appear on screen at one time.

Click Save under the layout you want to apply it to your Blog Block.

PRO TIP!

The number of blog posts that will display depends on the number of rows and columns you select to show in the layout section. For example, if you have 30 posts total, and choose to display two rows and two columns, four of your 30 posts will show.

If you want a user to be able to load more posts, you can use the LAST ITEM LINK feature to load more of your content.

STYLING OPTIONS

The styling section lets you override your global website styles for this specific Blog Block.

Available options may include:

Overlay Opacity
Image Border Thickness
Title alignment
Description alignment
Image border thickness
Space between items
Space below blocks
Space inside blocks
Flushing (full-width vs contained)
Mobile layout (one or two columns)

COLORS

The Colors section allows you to override your global website colors specifically for the Blog Block. Available color options may vary slightly depending on the layout selected, since not all layouts display the same elements.

Click a color swatch or enter a HEX value to customize the following options when available:

• Title Color
• Text Color
• Line Color
• Read More Text
• Background Color
• Overlay Color
• Last Item Text Color
• Last Item Background Color
• Border Color

A Customized label appears next to any color that overrides your global color settings.

Click Save Changes at the bottom of the control panel to apply your updates.

BACKGROUND

You can add a background image behind your Blog Block using a custom image or the Background Library.

Background display options include:

• Tile
• Top Left
• Centered
• Cover

Click Save Changes to apply your background settings.

FONTS

You can override your global font settings for the Blog Block. Available font options vary depending on the layout selected.

You can customize:

• Title
• Description
• Date
• Button Text
• Last Item Text

You can adjust font family, size, letter spacing, and line height.

Click Save Changes to apply your updates.

ANIMATIONS

You can add animations to blog images and buttons depending on the layout selected.

Available options include:

• Image Hover Animation
• Button Hover Animation

These settings override your global image and button animation settings for this block only.

If you have any questions about the Blog Block, please give our Support Team a call toll-free at 866.463.7620 or send us a live chat from your PhotoBiz control panel. We're available Monday - Friday 9:00am - 6:00pm EST and we're happy to help you however we can.

NEXT: HOW TO USE VIDEO BLOCK

Previous Post Next Post

How To Add Animation on Blog Blocks

April 10, 2025

How To Use Banner Blocks

May 21, 2025

How To Use Image Blocks

November 21, 2025

How To Customize Blog Post Layout

July 30, 2025