Blog Post Header 3
ImageButtons2 ColumnsImage/Video Right50 nodes · 30 styles
Description
Two-column blog post header with content on the left including breadcrumb, title, author info, and social sharing, paired with a large featured image on the right.
Detailed Analysis
This split-layout blog post header divides content and imagery into two equal columns. Left column contains: breadcrumb navigation (Blog > Category), large multi-line blog title, author attribution ('By Full name'), publication date with read time, 'Share this post' label, and social sharing icons (link, LinkedIn, X/Twitter, Facebook). Right column displays a large featured image placeholder that spans the full height of the content area. This layout works well for landscape-oriented featured images and provides clear visual hierarchy between textual metadata and imagery.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
blog postheadertwo columnsplit layoutbreadcrumbtitleauthordateread timesocial sharingfeatured imageside by sidearticle
Raw Data (spacer)
{
"meta": {
"droppedLinks": 0,
"dynBindRemovedCount": 0,
"unlinkedSymbolCount": 0,
"paginationRemovedCount": 0,
"dynListBindRemovedCount": 0
},
"type": "@webflow/XscpData",
"payload": {
"ix1": [],
"ix2": {
"events": [],
"actionLists": [],
"interactions": []
},
"nodes": [
{
"_id": "34432260-8ec4-675c-45f9-2d33750811cc",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"f5077959-e6cb-7fc5-fdbc-1e9c0d26f5f6"
],
"children": [
"34432260-8ec4-675c-45f9-2d33750811cd"
]
},
{
"_id": "34432260-8ec4-675c-45f9-2d33750811cd",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"b0934d9a-875a-bb42-0630-12090a77fc73"
],
"children": [
"34432260-8ec4-675c-45f9-2d33750811ce"
]
},
{
"_id": "34432260-8ec4-675c-45f9-2d33750811ce",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)